From 7ba0d3b555851daeba953dfff5d7ba50d270310a Mon Sep 17 00:00:00 2001
From: Curtis Olson <curtis@colony.io>
Date: Sat, 30 Mar 2019 19:02:45 -0500
Subject: [PATCH] Handle todo: use project logomark for feature image

---
 .../DocsDropdownContent/DocsDropdownContent.jsx       | 11 +++++------
 .../DocsDropdownContent.module.css                    |  7 +------
 2 files changed, 6 insertions(+), 12 deletions(-)

diff --git a/src/modules/layouts/components/DeveloperPortalLayout/DocsDropdownContent/DocsDropdownContent.jsx b/src/modules/layouts/components/DeveloperPortalLayout/DocsDropdownContent/DocsDropdownContent.jsx
index ea546b071..1092c563b 100644
--- a/src/modules/layouts/components/DeveloperPortalLayout/DocsDropdownContent/DocsDropdownContent.jsx
+++ b/src/modules/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/src/modules/layouts/components/DeveloperPortalLayout/DocsDropdownContent/DocsDropdownContent.module.css b/src/modules/layouts/components/DeveloperPortalLayout/DocsDropdownContent/DocsDropdownContent.module.css
index 45e927a55..2da1993c7 100644
--- a/src/modules/layouts/components/DeveloperPortalLayout/DocsDropdownContent/DocsDropdownContent.module.css
+++ b/src/modules/layouts/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;