replace sidebar icons with icon_path (#1066)

antonkor · web-flow · commit dc1ccff9eb01 · 2022-09-28T10:10:55.000-05:00
* replace sidebar icons with icon_path

* minor fix to sidebar icons
diff --git a/admin/index.md b/admin/index.md
@@ -1,20 +1,5 @@
 ---
 title: "Admin"
-icon:
-  '<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"
-  xmlns:svg="http://www.w3.org/2000/svg"
-  xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M19.14
-  12.94c.04-.3.06-.61.06-.94
-  0-.32-.02-.64-.07-.94l2.03-1.58c.18-.14.23-.41.12-.61l-1.92-3.32c-.12-.22-.37-.29-.59-.22l-2.39.96c-.5-.38-1.03-.7-1.62-.94l-.36-2.54c-.04-.24-.24-.41-.48-.41h-3.84c-.24
-  0-.43.17-.47.41l-.36 2.54c-.59.24-1.13.57-1.62.94l-2.39-.96c-.22-.08-.47
-  0-.59.22L2.74 8.87c-.12.21-.08.47.12.61l2.03
-  1.58c-.05.3-.09.63-.09.94s.02.64.07.94l-2.03 1.58c-.18.14-.23.41-.12.61l1.92
-  3.32c.12.22.37.29.59.22l2.39-.96c.5.38 1.03.7 1.62.94l.36
-  2.54c.05.24.24.41.48.41h3.84c.24 0 .44-.17.47-.41l.36-2.54c.59-.24 1.13-.56
-  1.62-.94l2.39.96c.22.08.47 0
-  .59-.22l1.92-3.32c.12-.22.07-.47-.12-.61l-2.01-1.58zM12 15.6c-1.98
-  0-3.6-1.62-3.6-3.6s1.62-3.6 3.6-3.6 3.6 1.62 3.6 3.6-1.62 3.6-3.6
-  3.6z"/></svg>'
 ---
 
 <children></children>
diff --git a/assets/images/icons/gear.svg b/assets/images/icons/gear.svg
@@ -0,0 +1,14 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"
+  xmlns:svg="http://www.w3.org/2000/svg"
+  xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M19.14
+  12.94c.04-.3.06-.61.06-.94
+  0-.32-.02-.64-.07-.94l2.03-1.58c.18-.14.23-.41.12-.61l-1.92-3.32c-.12-.22-.37-.29-.59-.22l-2.39.96c-.5-.38-1.03-.7-1.62-.94l-.36-2.54c-.04-.24-.24-.41-.48-.41h-3.84c-.24
+  0-.43.17-.47.41l-.36 2.54c-.59.24-1.13.57-1.62.94l-2.39-.96c-.22-.08-.47
+  0-.59.22L2.74 8.87c-.12.21-.08.47.12.61l2.03
+  1.58c-.05.3-.09.63-.09.94s.02.64.07.94l-2.03 1.58c-.18.14-.23.41-.12.61l1.92
+  3.32c.12.22.37.29.59.22l2.39-.96c.5.38 1.03.7 1.62.94l.36
+  2.54c.05.24.24.41.48.41h3.84c.24 0 .44-.17.47-.41l.36-2.54c.59-.24 1.13-.56
+  1.62-.94l2.39.96c.22.08.47 0
+  .59-.22l1.92-3.32c.12-.22.07-.47-.12-.61l-2.01-1.58zM12 15.6c-1.98
+  0-3.6-1.62-3.6-3.6s1.62-3.6 3.6-3.6 3.6 1.62 3.6 3.6-1.62 3.6-3.6
+  3.6z"/></svg>
diff --git a/assets/images/icons/get-started.svg b/assets/images/icons/get-started.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+  xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 16 16"
+  width="16" xml:space="preserve"><path d="M1 2a1 1 0 0 1 1-1h11a1 1 0 0 1 1
+  1v1h.5A1.5 1.5 0 0 1 16 4.5v7a1.5 1.5 0 0 1-1.5 1.5h-.55a2.5 2.5 0 0 1-2.45
+  2h-8A2.5 2.5 0 0 1 1 12.5V2zm13 10h.5a.5.5 0 0 0 .5-.5v-7a.5.5 0 0
+  0-.5-.5H14v8z"/></svg>
diff --git a/assets/images/icons/guides.svg b/assets/images/icons/guides.svg
@@ -0,0 +1,3 @@
+<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M1.8 3.6H0V16.2C0 17.19 0.81 18 1.8 18H14.4V16.2H1.8V3.6ZM16.2 0H5.4C4.41 0 3.6 0.81 3.6 1.8V12.6C3.6 13.59 4.41 14.4 5.4 14.4H16.2C17.19 14.4 18 13.59 18 12.6V1.8C18 0.81 17.19 0 16.2 0ZM16.2 9L13.95 7.65L11.7 9V1.8H16.2V9Z" fill="black"/>
+</svg>
diff --git a/assets/images/icons/home.svg b/assets/images/icons/home.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 16 16" width="16px" xml:space="preserve"><path d="M15.45,7L14,5.551V2c0-0.55-0.45-1-1-1h-1c-0.55,0-1,0.45-1,1v0.553L9,0.555C8.727,0.297,8.477,0,8,0S7.273,0.297,7,0.555  L0.55,7C0.238,7.325,0,7.562,0,8c0,0.563,0.432,1,1,1h1v6c0,0.55,0.45,1,1,1h3v-5c0-0.55,0.45-1,1-1h2c0.55,0,1,0.45,1,1v5h3  c0.55,0,1-0.45,1-1V9h1c0.568,0,1-0.437,1-1C16,7.562,15.762,7.325,15.45,7z"/></svg>
diff --git a/assets/images/icons/images.svg b/assets/images/icons/images.svg
@@ -0,0 +1,16 @@
+<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path
+  d="M15.0017 4.0017H1.0017C0.868289 3.99368 0.734692 4.01405 0.609732
+  4.06147C0.484772 4.10889 0.371292 4.18228 0.276784 4.27678C0.182276 4.37129
+  0.108891 4.48477 0.0614728 4.60973C0.0140548 4.73469 -0.00631686 4.86829
+  0.00170278 5.0017V15.0017C-0.00631686 15.1351 0.0140548 15.2687 0.0614728
+  15.3937C0.108891 15.5186 0.182276 15.6321 0.276784 15.7266C0.371292 15.8211
+  0.484772 15.8945 0.609732 15.9419C0.734692 15.9894 0.868289 16.0097 1.0017
+  16.0017H15.0017C15.1351 16.0097 15.2687 15.9894 15.3937 15.9419C15.5186
+  15.8945 15.6321 15.8211 15.7266 15.7266C15.8211 15.6321 15.8945 15.5186
+  15.9419 15.3937C15.9894 15.2687 16.0097 15.1351 16.0017 15.0017V5.0017C16.0097
+  4.86829 15.9894 4.73469 15.9419 4.60973C15.8945 4.48477 15.8211 4.37129
+  15.7266 4.27678C15.6321 4.18228 15.5186 4.10889 15.3937 4.06147C15.2687
+  4.01405 15.1351 3.99368 15.0017 4.0017ZM14.0017
+  14.0017H2.0017V6.0017H14.0017V14.0017Z" /><path d="M5 13L10 8L13 13H5Z" /><path d="M5
+  10C5.55228 10 6 9.55228 6 9C6 8.44772 5.55228 8 5 8C4.44772 8 4 8.44772 4 9C4
+  9.55228 4.44772 10 5 10Z" /></svg>
diff --git a/assets/images/icons/paper.svg b/assets/images/icons/paper.svg
@@ -0,0 +1,3 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path
+  d="M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9
+  2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z" /></svg>
diff --git a/assets/images/icons/terminal.svg b/assets/images/icons/terminal.svg
@@ -0,0 +1,3 @@
+<svg width="18" height="16" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0 1.70067C0 0.765844 0.720703 0.0287641 1.63477 0.0287641V0H9H16.3652C17.2793 0 18 0.737078 18 1.67191V4.19234V6.71282V8.38472V11.8077V14.3281C18 15.2629 17.2793 16 16.3652 16H9H1.63477C0.720703 16 0 15.2629 0 14.3281V11.8077V9.28718V8.43866V7.59011V6.74156V4.22112V1.70067ZM2.46446 3.40258V2.50987L6.56368 4.8103L2.46446 7.11073V6.21803L4.92891 4.8103L2.46446 3.40258ZM6.53555 7.21374V6.40344H10.6348V7.21374H6.53555Z" fill="black"/>
+</svg>
diff --git a/assets/images/icons/workspaces.svg b/assets/images/icons/workspaces.svg
@@ -0,0 +1,16 @@
+<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">n<path
+  d="M7.6 0.0984375L0.4 3.49844C0.2 3.59844 0.2 3.89844 0.4 3.99844L7.7
+  7.29844C7.9 7.39844 8.2 7.39844 8.4 7.29844L15.6 3.99844C15.8 3.89844 15.8
+  3.59844 15.6 3.49844L8.4 0.0984375C8.1 -0.0015625 7.9 -0.0015625 7.6
+  0.0984375Z" /><path d="M15.6 7.79844L14.1 7.09844C13.9 6.99844 13.6
+  6.99844 13.4 7.09844L8.3 9.39844C8.1 9.49844 7.8 9.49844 7.6 9.39844L2.6
+  7.09844C2.3 6.99844 2.1 6.99844 1.9 7.09844L0.4 7.79844C0.2 7.89844 0.2
+  8.19844 0.4 8.29844L7.7 11.5984C7.9 11.6984 8.2 11.6984 8.4 11.5984L15.7
+  8.29844C15.8 8.19844 15.8 7.89844 15.6 7.79844Z" /><path d="M15.5984
+  12.0984L14.0984 11.3984C13.8984 11.2984 13.5984 11.2984 13.3984
+  11.3984L8.29844 13.6984C8.09844 13.7984 7.79844 13.7984 7.59844
+  13.6984L2.49844 11.3984C2.29844 11.2984 1.99844 11.2984 1.79844
+  11.3984L0.298438 12.0984C0.0984375 12.1984 0.0984375 12.4984 0.298438
+  12.5984L7.59844 15.8984C7.79844 15.9984 8.09844 15.9984 8.29844
+  15.8984L15.5984 12.5984C15.7984 12.4984 15.7984 12.1984 15.5984 12.0984Z"
+  />n</svg>
diff --git a/assets/images/icons/wrench.svg b/assets/images/icons/wrench.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 24 24"
+  aria-hidden="true"><path d="M22.7
+  19l-9.1-9.1c.9-2.3.4-5-1.5-6.9-2-2-5-2.4-7.4-1.3L9 6 6 9 1.6 4.7C.4 7.1.9 10.1
+  2.9 12.1c1.9 1.9 4.6 2.4 6.9 1.5l9.1 9.1c.4.4 1 .4 1.4
+  0l2.3-2.3c.5-.4.5-1.1.1-1.4z"></path></svg>
diff --git a/changelog/index.md b/changelog/index.md
@@ -2,10 +2,6 @@
 title: "Changelog"
 description:
   "Coder releases annotated with breaking changes, new features, and fixes."
-icon:
-  "<svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n<path
-  d=\"M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9
-  2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z\" />\n</svg>"
 ---
 
 ## Release schedule
diff --git a/cli/index.md b/cli/index.md
@@ -1,14 +1,5 @@
 ---
 title: "Command line"
-icon:
-  "<svg viewBox=\"0 0 512 466\" xmlns=\"http://www.w3.org/2000/svg\">\n<path
-  d=\"M46.5 0.837754C20.5 0.837754 0 22.3052 0
-  49.5321V122.94V196.348V221.062V245.776V270.489V343.898V417.306C0 444.533 20.5
-  466 46.5 466H256H465.5C491.5 466 512 444.533 512
-  417.306V343.898V244.205V195.511V122.102V48.6944C512 21.4674 491.5 0 465.5
-  0H256H46.5V0.837754Z\" />\n<path d=\"M70.1 73.1V99.1L140.2 140.1L70.1
-  181.1V207.1L186.7 140.1L70.1 73.1ZM185.9 186.5V210.1H302.5V186.5H185.9Z\"
-  fill=\"white\" />\n</svg>"
 ---
 
 Coder provides an [open-source CLI](https://github.com/coder/coder-cli) that
diff --git a/getting-started/index.md b/getting-started/index.md
@@ -1,13 +1,6 @@
 ---
 title: "Getting started"
 description: Get started with Coder.
-icon:
-  '<svg xmlns="http://www.w3.org/2000/svg"
-  xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 16 16"
-  width="16" xml:space="preserve"><path d="M1 2a1 1 0 0 1 1-1h11a1 1 0 0 1 1
-  1v1h.5A1.5 1.5 0 0 1 16 4.5v7a1.5 1.5 0 0 1-1.5 1.5h-.55a2.5 2.5 0 0 1-2.45
-  2h-8A2.5 2.5 0 0 1 1 12.5V2zm13 10h.5a.5.5 0 0 0 .5-.5v-7a.5.5 0 0
-  0-.5-.5H14v8z"/></svg>'
 ---
 
 We’re excited for you to be part of the growing community of Coder users, and we
diff --git a/guides/index.md b/guides/index.md
@@ -1,9 +1,5 @@
 ---
 title: "Guides"
-icon:
-  "<svg viewBox=\"0 0 16 16\" xmlns=\"http://www.w3.org/2000/svg\">\n<path
-  d=\"M4 6H2v14c0 1.1.9 2 2 2h14v-2H4V6zm16-4H8c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2
-  2h12c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 10l-2.5-1.5L15 12V4h5v8z\" />\n</svg>"
 description: Coder customization and advanced use cases.
 ---
 
diff --git a/images/index.md b/images/index.md
@@ -1,23 +1,5 @@
 ---
 title: "Images"
-icon:
-  "<svg viewBox=\"0 0 16 16\" xmlns=\"http://www.w3.org/2000/svg\">\n<path
-  d=\"M15.0017 4.0017H1.0017C0.868289 3.99368 0.734692 4.01405 0.609732
-  4.06147C0.484772 4.10889 0.371292 4.18228 0.276784 4.27678C0.182276 4.37129
-  0.108891 4.48477 0.0614728 4.60973C0.0140548 4.73469 -0.00631686 4.86829
-  0.00170278 5.0017V15.0017C-0.00631686 15.1351 0.0140548 15.2687 0.0614728
-  15.3937C0.108891 15.5186 0.182276 15.6321 0.276784 15.7266C0.371292 15.8211
-  0.484772 15.8945 0.609732 15.9419C0.734692 15.9894 0.868289 16.0097 1.0017
-  16.0017H15.0017C15.1351 16.0097 15.2687 15.9894 15.3937 15.9419C15.5186
-  15.8945 15.6321 15.8211 15.7266 15.7266C15.8211 15.6321 15.8945 15.5186
-  15.9419 15.3937C15.9894 15.2687 16.0097 15.1351 16.0017 15.0017V5.0017C16.0097
-  4.86829 15.9894 4.73469 15.9419 4.60973C15.8945 4.48477 15.8211 4.37129
-  15.7266 4.27678C15.6321 4.18228 15.5186 4.10889 15.3937 4.06147C15.2687
-  4.01405 15.1351 3.99368 15.0017 4.0017ZM14.0017
-  14.0017H2.0017V6.0017H14.0017V14.0017Z\" />\n<path d=\"M14 0H2V2H14V0Z\"
-  fill=\"#333333\"/>\n<path d=\"M5 13L10 8L13 13H5Z\" />\n<path d=\"M5
-  10C5.55228 10 6 9.55228 6 9C6 8.44772 5.55228 8 5 8C4.44772 8 4 8.44772 4 9C4
-  9.55228 4.44772 10 5 10Z\" />\n</svg>"
 description: Learn about reproducibility in Coder.
 ---
 
diff --git a/index.md b/index.md
@@ -1,11 +1,6 @@
 ---
 title: "Home"
 description: "Explore our guides and examples to get started with Coder."
-icon:
-  '<svg xmlns="http://www.w3.org/2000/svg"
-  xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 16 16"
-  width="16px" xml:space="preserve"><path
-  d="M15.45,7L14,5.551V2c0-0.55-0.45-1-1-1h-1c-0.55,0-1,0.45-1,1v0.553L9,0.555C8.727,0.297,8.477,0,8,0S7.273,0.297,7,0.555  L0.55,7C0.238,7.325,0,7.562,0,8c0,0.563,0.432,1,1,1h1v6c0,0.55,0.45,1,1,1h3v-5c0-0.55,0.45-1,1-1h2c0.55,0,1,0.45,1,1v5h3  c0.55,0,1-0.45,1-1V9h1c0.568,0,1-0.437,1-1C16,7.562,15.762,7.325,15.45,7z"/></svg>'
 ---
 
 Coder is a self-hosted platform that allows organizations to securely provision
diff --git a/manifest.json b/manifest.json
@@ -3,6 +3,7 @@
   "routes": [
     {
       "path": "./index.md",
+      "icon_path": "./assets/images/icons/home.svg",
       "children": [
         {
           "path": "about.md"
@@ -17,6 +18,7 @@
     },
     {
       "path": "getting-started/index.md",
+      "icon_path": "./assets/images/icons/get-started.svg",
       "children": [
         {
           "path": "getting-started/docker.md"
@@ -40,6 +42,7 @@
     },
     {
       "path": "./workspaces/index.md",
+      "icon_path": "./assets/images/icons/workspaces.svg",
       "children": [
         {
           "path": "./workspaces/create.md"
@@ -98,6 +101,7 @@
     },
     {
       "path": "./images/index.md",
+      "icon_path": "./assets/images/icons/images.svg",
       "children": [
         {
           "path": "./images/configure.md"
@@ -127,6 +131,7 @@
     },
     {
       "path": "./cli/index.md",
+      "icon_path": "./assets/images/icons/terminal.svg",
       "children": [
         {
           "path": "./cli/installation.md"
@@ -144,6 +149,7 @@
     },
     {
       "path": "./setup/index.md",
+      "icon_path": "./assets/images/icons/wrench.svg",
       "children": [
         {
           "path": "./setup/architecture.md"
@@ -220,6 +226,7 @@
     },
     {
       "path": "./admin/index.md",
+      "icon_path": "./assets/images/icons/gear.svg",
       "children": [
         {
           "path": "./admin/access-control/index.md",
@@ -399,6 +406,7 @@
     },
     {
       "path": "./guides/index.md",
+      "icon_path": "./assets/images/icons/guides.svg",
       "navigable": true,
       "children": [
         {
@@ -574,6 +582,7 @@
     },
     {
       "path": "./changelog/index.md",
+      "icon_path": "./assets/images/icons/paper.svg",
       "children": [
         {
           "path": "./changelog/1.34.0.md"
diff --git a/setup/index.md b/setup/index.md
@@ -1,12 +1,6 @@
 ---
 title: "Setup"
 description: Learn how to set up a Coder instance.
-icon:
-  <svg class="MuiSvgIcon-root jss172" focusable="false" viewBox="0 0 24 24"
-  aria-hidden="true"><path d="M22.7
-  19l-9.1-9.1c.9-2.3.4-5-1.5-6.9-2-2-5-2.4-7.4-1.3L9 6 6 9 1.6 4.7C.4 7.1.9 10.1
-  2.9 12.1c1.9 1.9 4.6 2.4 6.9 1.5l9.1 9.1c.4.4 1 .4 1.4
-  0l2.3-2.3c.5-.4.5-1.1.1-1.4z"></path></svg>
 ---
 
 The articles in this section will walk you through setting up a cluster to which
diff --git a/workspaces/index.md b/workspaces/index.md
@@ -1,22 +1,5 @@
 ---
 title: "Workspaces"
-icon:
-  "<svg viewBox=\"0 0 16 16\" xmlns=\"http://www.w3.org/2000/svg\">\n<path
-  d=\"M7.6 0.0984375L0.4 3.49844C0.2 3.59844 0.2 3.89844 0.4 3.99844L7.7
-  7.29844C7.9 7.39844 8.2 7.39844 8.4 7.29844L15.6 3.99844C15.8 3.89844 15.8
-  3.59844 15.6 3.49844L8.4 0.0984375C8.1 -0.0015625 7.9 -0.0015625 7.6
-  0.0984375Z\" />\n<path d=\"M15.6 7.79844L14.1 7.09844C13.9 6.99844 13.6
-  6.99844 13.4 7.09844L8.3 9.39844C8.1 9.49844 7.8 9.49844 7.6 9.39844L2.6
-  7.09844C2.3 6.99844 2.1 6.99844 1.9 7.09844L0.4 7.79844C0.2 7.89844 0.2
-  8.19844 0.4 8.29844L7.7 11.5984C7.9 11.6984 8.2 11.6984 8.4 11.5984L15.7
-  8.29844C15.8 8.19844 15.8 7.89844 15.6 7.79844Z\" />\n<path d=\"M15.5984
-  12.0984L14.0984 11.3984C13.8984 11.2984 13.5984 11.2984 13.3984
-  11.3984L8.29844 13.6984C8.09844 13.7984 7.79844 13.7984 7.59844
-  13.6984L2.49844 11.3984C2.29844 11.2984 1.99844 11.2984 1.79844
-  11.3984L0.298438 12.0984C0.0984375 12.1984 0.0984375 12.4984 0.298438
-  12.5984L7.59844 15.8984C7.79844 15.9984 8.09844 15.9984 8.29844
-  15.8984L15.5984 12.5984C15.7984 12.4984 15.7984 12.1984 15.5984 12.0984Z\"
-  />\n</svg>"
 description: "Learn about development workspaces in Coder."
 ---
 
