diff --git a/src/assets/images/tech-32px-outline-work-project.svg b/src/assets/images/tech-32px-outline-work-project.svg new file mode 100644 index 000000000..3fa365906 --- /dev/null +++ b/src/assets/images/tech-32px-outline-work-project.svg @@ -0,0 +1,9 @@ + + + + + + + + \ No newline at end of file diff --git a/src/components/ProjectType/ProjectType.jsx b/src/components/ProjectType/ProjectType.jsx index 734ddb4ae..abd53b753 100644 --- a/src/components/ProjectType/ProjectType.jsx +++ b/src/components/ProjectType/ProjectType.jsx @@ -19,6 +19,7 @@ const typeMap = { visual_design: 'Visual Design Project', visual_prototype: 'Visual Prototype Project' } + /*eslint-enable camelcase */ const ProjectType = ({projectId, type, description, devices}) => ( @@ -32,20 +33,25 @@ const ProjectType = ({projectId, type, description, devices}) => ( text={ description } textTruncateChild={read more >} /> +
-
- {devices.slice(0, 3).map((device) => deviceMap[device])} -
- {devices.length > 3 &&
- {devices.slice(3).map((device) => deviceMap[device])} -
} + {type === 'generic' && +
Work Project
} + {type !== 'generic' && +
+ {devices.slice(0, 3).map((device) => deviceMap[device])} +
} + {type !== 'generic' && devices.length > 3 &&
+ {devices.slice(3).map((device) => deviceMap[device])} +
}
+
) ProjectType.propTypes = { type: PropTypes.string.isRequired, - devices: PropTypes.arrayOf(PropTypes.oneOf(['phone', 'tablet', 'desktop', 'apple-watch', 'android-watch'])).isRequired + devices: PropTypes.arrayOf(PropTypes.oneOf(['generic', 'phone', 'tablet', 'desktop', 'apple-watch', 'android-watch'])).isRequired } ProjectType.defaultProps = { diff --git a/src/components/ProjectType/ProjectType.scss b/src/components/ProjectType/ProjectType.scss index df1c5e306..db8b3a109 100644 --- a/src/components/ProjectType/ProjectType.scss +++ b/src/components/ProjectType/ProjectType.scss @@ -22,6 +22,11 @@ width: 40px; background-size: 32px; } + + .icon-work-project{ + background: url('../../assets/images/tech-32px-outline-work-project.svg') no-repeat center top; + width: 120px; + } .icon-iphone{ background: url('../../assets/images/tech-32-outline_mobile.svg') no-repeat center top; }