Skip to content

GitLab

S
scratch-www
Commit 790e4333 authored by Eric Rosenbaum's avatar Eric Rosenbaum
Browse files
Options

lint

parent 94d0f30b
Hide whitespace changes
Inline Side-by-side
Showing with 129 additions and 129 deletions
src/views/studio/studio-activity.jsx
View file @ 790e4333
......@@ -13,133 +13,133 @@ import SocialMessage from '../../components/social-message/social-message.jsx';
import './studio.scss';
const getComponentForItem = (item) => {
switch(item.type) {
case 'addprojecttostudio':
return (
<SocialMessage
datetime={item.datetime_created}
iconSrc="/svgs/studio/activity-project.svg"
iconAlt="project activity icon"
imgClassName="studio-activity-icon"
key={item.id}
>
<FormattedMessage
id="studio.activityAddProjectToStudio"
values={{
profileLink: (
<a href={`/users/${item.actor_id}`}>
username
</a>
),
projectLink: (
<a href={`/projects/${item.project_id}`}>
{item.project_title}
</a>
)
}}
/>
</SocialMessage>
);
case 'removeprojectstudio':
return (
<SocialMessage
datetime={item.datetime_created}
iconSrc="/svgs/studio/activity-project.svg"
iconAlt="project activity icon"
imgClassName="studio-activity-icon"
key={item.id}
>
<FormattedMessage
id="studio.activityRemoveProjectStudio"
values={{
profileLink: (
<a href={`/users/${item.actor_id}`}>
username
</a>
),
projectLink: (
<a href={`/projects/${item.project_id}`}>
{item.project_title}
</a>
)
}}
/>
</SocialMessage>
);
case 'updatestudio':
return (
<SocialMessage
datetime={item.datetime_created}
iconSrc="/svgs/studio/activity-edit.svg"
iconAlt="edit activity icon"
imgClassName="studio-activity-icon"
key={item.id}
>
<FormattedMessage
id="studio.activityUpdateStudio"
values={{
profileLink: (
<a href={`/users/${item.actor_id}`}>
username
</a>
)
}}
/>
</SocialMessage>
);
case 'becomecurator':
return (
<SocialMessage
datetime={item.datetime_created}
iconSrc="/svgs/studio/activity-curator.svg"
iconAlt="curator activity icon"
imgClassName="studio-activity-icon"
key={item.id}
>
<FormattedMessage
id="studio.activityBecomeCurator"
values={{
promotedProfileLink: (
<a href={`/users/${item.actor_id}`}>
username
</a>
),
promotorProfileLink: (
<a href={`/users/${item.actor_id}`}>
username
</a>
)
}}
/>
</SocialMessage>
);
case 'becomeownerstudio':
return (
<SocialMessage
datetime={item.datetime_created}
iconSrc="/svgs/studio/activity-curator.svg"
iconAlt="curator activity icon"
imgClassName="studio-activity-icon"
key={item.id}
>
<FormattedMessage
id="studio.activityBecomeOwner"
values={{
promotedProfileLink: (
<a href={`/users/${item.actor_id}`}>
username
</a>
),
promotorProfileLink: (
<a href={`/users/${item.actor_id}`}>
username
</a>
)
}}
/>
</SocialMessage>
);
const getComponentForItem = item => {
switch (item.type) {
case 'addprojecttostudio':
return (
<SocialMessage
datetime={item.datetime_created}
iconSrc="/svgs/studio/activity-project.svg"
iconAlt="project activity icon"
imgClassName="studio-activity-icon"
key={item.id}
>
<FormattedMessage
id="studio.activityAddProjectToStudio"
values={{
profileLink: (
<a href={`/users/${item.actor_id}`}>
username
</a>
),
projectLink: (
<a href={`/projects/${item.project_id}`}>
{item.project_title}
</a>
)
}}
/>
</SocialMessage>
);
case 'removeprojectstudio':
return (
<SocialMessage
datetime={item.datetime_created}
iconSrc="/svgs/studio/activity-project.svg"
iconAlt="project activity icon"
imgClassName="studio-activity-icon"
key={item.id}
>
<FormattedMessage
id="studio.activityRemoveProjectStudio"
values={{
profileLink: (
<a href={`/users/${item.actor_id}`}>
username
</a>
),
projectLink: (
<a href={`/projects/${item.project_id}`}>
{item.project_title}
</a>
)
}}
/>
</SocialMessage>
);
case 'updatestudio':
return (
<SocialMessage
datetime={item.datetime_created}
iconSrc="/svgs/studio/activity-edit.svg"
iconAlt="edit activity icon"
imgClassName="studio-activity-icon"
key={item.id}
>
<FormattedMessage
id="studio.activityUpdateStudio"
values={{
profileLink: (
<a href={`/users/${item.actor_id}`}>
username
</a>
)
}}
/>
</SocialMessage>
);
case 'becomecurator':
return (
<SocialMessage
datetime={item.datetime_created}
iconSrc="/svgs/studio/activity-curator.svg"
iconAlt="curator activity icon"
imgClassName="studio-activity-icon"
key={item.id}
>
<FormattedMessage
id="studio.activityBecomeCurator"
values={{
promotedProfileLink: (
<a href={`/users/${item.actor_id}`}>
username
</a>
),
promotorProfileLink: (
<a href={`/users/${item.actor_id}`}>
username
</a>
)
}}
/>
</SocialMessage>
);
case 'becomeownerstudio':
return (
<SocialMessage
datetime={item.datetime_created}
iconSrc="/svgs/studio/activity-curator.svg"
iconAlt="curator activity icon"
imgClassName="studio-activity-icon"
key={item.id}
>
<FormattedMessage
id="studio.activityBecomeOwner"
values={{
promotedProfileLink: (
<a href={`/users/${item.actor_id}`}>
username
</a>
),
promotorProfileLink: (
<a href={`/users/${item.actor_id}`}>
username
</a>
)
}}
/>
</SocialMessage>
);
}
};
......@@ -160,10 +160,10 @@ const StudioActivity = ({items, loading, error, onInitialLoad}) => {
label="Error"
data={error}
/>}
<ul
<ul
className="studio-messages-list"
>
{items.map((item, index) =>
{items.map(item =>
getComponentForItem(item)
)}
</ul>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment