From 4068c286dd8e1e9a7cece6e74b7f7dc206992b7f Mon Sep 17 00:00:00 2001
From: tsiq-swyx <shawn.wang@twosigmaiq.com>
Date: Thu, 7 Jun 2018 22:50:22 -0400
Subject: [PATCH] add showcase magic icon

---
 www/src/assets/mobile-nav-icons.js      |  3 ++-
 www/src/assets/showcase-magic.svg       | 23 +++++++++++++++++++++++
 www/src/components/navigation-mobile.js |  4 ++--
 3 files changed, 27 insertions(+), 3 deletions(-)
 create mode 100644 www/src/assets/showcase-magic.svg

diff --git a/www/src/assets/mobile-nav-icons.js b/www/src/assets/mobile-nav-icons.js
index 05d7ff6533a5d..266ba3d525efb 100644
--- a/www/src/assets/mobile-nav-icons.js
+++ b/www/src/assets/mobile-nav-icons.js
@@ -2,5 +2,6 @@ import BlogIcon from "./blog.svg"
 import DocsIcon from "./docs.svg"
 import TutorialIcon from "./tutorial.svg"
 import PluginsIcon from "./plugins.svg"
+import ShowcaseIcon from "./showcase-magic.svg"
 
-export { BlogIcon, DocsIcon, TutorialIcon, PluginsIcon }
+export { BlogIcon, DocsIcon, TutorialIcon, PluginsIcon, ShowcaseIcon }
diff --git a/www/src/assets/showcase-magic.svg b/www/src/assets/showcase-magic.svg
new file mode 100644
index 0000000000000..5988a08287a95
--- /dev/null
+++ b/www/src/assets/showcase-magic.svg
@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="24px" height="27px" viewBox="0 0 24 27" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 50.2 (55047) - http://www.bohemiancoding.com/sketch -->
+    <title>icons/showcase</title>
+    <desc>Created with Sketch.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="29.473426%" x2="50%" y2="68.9405018%" id="linearGradient-1">
+            <stop stop-color="#FFB238" offset="0%"></stop>
+            <stop stop-color="#FFB238" stop-opacity="0" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="navigation/mobile" transform="translate(-302.000000, -11.000000)">
+            <g id="Showcase" transform="translate(290.000000, 11.000000)">
+                <g id="icons/showcase" transform="translate(14.000000, 0.000000)">
+                    <polygon id="Path" stroke="#663399" stroke-width="1.417" fill="url(#linearGradient-1)" points="9.1875 20.1875 7 25 4.8125 20.1875 0 18 4.8125 15.8125 7 11 9.1875 15.8125 14 18"></polygon>
+                    <polygon id="Path" stroke="#9D7CBF" points="18.91 11.91 17.5 15 16.09 11.91 13 10.5 16.09 9.09 17.5 6 18.91 9.09 22 10.5"></polygon>
+                    <polygon id="Path" fill="#FFB238" points="10.2533333 5.25333333 9 8 7.74666667 5.25333333 5 4 7.74666667 2.74666667 9 0 10.2533333 2.74666667 13 4"></polygon>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/www/src/components/navigation-mobile.js b/www/src/components/navigation-mobile.js
index aeb7209d5f299..4186bda97a581 100644
--- a/www/src/components/navigation-mobile.js
+++ b/www/src/components/navigation-mobile.js
@@ -6,6 +6,7 @@ import {
   DocsIcon,
   TutorialIcon,
   PluginsIcon,
+  ShowcaseIcon,
 } from "../assets/mobile-nav-icons"
 import presets, { colors } from "../utils/presets"
 import typography, { rhythm, scale, options } from "../utils/typography"
@@ -54,8 +55,7 @@ const MobileNavigation = () => (
     <MobileNavItem linkTo="/tutorial/" label="Tutorial" icon={TutorialIcon} />
     <MobileNavItem linkTo="/plugins/" label="Plugins" icon={PluginsIcon} />
     <MobileNavItem linkTo="/blog/" label="Blog" icon={BlogIcon} />
-    {/* TODO: change to showcase icon */}
-    <MobileNavItem linkTo="/showcase/" label="Showcase" icon={BlogIcon} />
+    <MobileNavItem linkTo="/showcase/" label="Showcase" icon={ShowcaseIcon} />
   </div>
 )