Switch layer-icon to pure SVGs (#25448)

* Switch layer-icon to pure SVGs * Updated LayerIcon parent style
gatsbyjs · Jul 3, 2020 · d0b6a83 · d0b6a83
1 parent 1081ea7
commit d0b6a83
Show file tree

Hide file tree

Showing 7 changed files with 47 additions and 331 deletions.
diff --git a/www/src/assets/icons/abstract-symbol.svg b/www/src/assets/icons/abstract-symbol.svg
diff --git a/www/src/assets/icons/app-window.svg b/www/src/assets/icons/app-window.svg
diff --git a/www/src/assets/icons/atomic-symbol.svg b/www/src/assets/icons/atomic-symbol.svg
diff --git a/www/src/assets/icons/graphql-logo.svg b/www/src/assets/icons/graphql-logo.svg
diff --git a/www/src/assets/icons/layer-icon.js b/www/src/assets/icons/layer-icon.js
diff --git a/www/src/assets/icons/react-logo.svg b/www/src/assets/icons/react-logo.svg
diff --git a/www/src/components/layer-model/layer-model.js b/www/src/components/layer-model/layer-model.js
@@ -45,11 +45,13 @@ const Layer = ({ buttonRef, layer, onClick, selected, index }) => {
           p: 2,
         }}
       >
-        <span css={{ height: 40 }}>
-          <LayerIcon
-            name={icon}
-            fillColor={selected ? colors[baseColor][70] : colors.grey[50]}
-          />
+        <span
+          sx={{
+            height: 40,
+            color: selected ? colors[baseColor][70] : colors.grey[50],
+          }}
+        >
+          <LayerIcon name={icon} />
         </span>
         <span>{title}</span>
       </span>