Handle todo: use project logomark for feature image

JoinColony · Apr 1, 2019 · 7ba0d3b · 7ba0d3b
1 parent 4be30a2
commit 7ba0d3b
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 12 deletions.
diff --git a/...ules/layouts/components/DeveloperPortalLayout/DocsDropdownContent/DocsDropdownContent.jsx b/...ules/layouts/components/DeveloperPortalLayout/DocsDropdownContent/DocsDropdownContent.jsx
@@ -7,7 +7,7 @@ import { defineMessages } from 'react-intl';
 import type { Project } from '~types';
 
 import Heading from '~core/Heading';
-import Icon from '~core/Icon';
+import Image from '~core/Image';
 import Link from '~core/Link';
 import VerticalMenu from '~core/VerticalMenu';
 
@@ -66,12 +66,11 @@ const DocsDropdownContent = ({
         <Link className={styles.heroLink} href={featureProject.entryPoint}>
           <div className={styles.hero}>
             <div className={styles.logoContainer}>
-              {/* @TODO use logomark from GitHub docs once added there */}
-              <Icon
+              <Image
+                alt={featureProject.name}
                 className={styles.logo}
-                name="logomark_colonyjs"
-                title={MSG.heroTitle}
-                viewBox="0 0 94 94"
+                project={featureProject.name}
+                src={featureProject.logoSmall}
               />
             </div>
             <div className={styles.cta}>

diff --git a/...youts/components/DeveloperPortalLayout/DocsDropdownContent/DocsDropdownContent.module.css b/...youts/components/DeveloperPortalLayout/DocsDropdownContent/DocsDropdownContent.module.css
@@ -25,17 +25,12 @@
 }
 
 .logo {
-  height: 59px;
+  height: auto;
   margin: 5px;
   padding: 10px;
   width: 59px;
 }
 
-.logo svg {
-  fill: #F5416E;
-  stroke: #F5416E;
-}
-
 .cta {
   align-self: stretch;
   background-color: #ffffff;