feat(cheatsheet): link dist/svg to cheatsheet icons

adamdbradley · adamdbradley · commit eef739789fd9 · 2020-10-06T11:18:24.000-05:00
diff --git a/scripts/build.ts b/scripts/build.ts
@@ -261,7 +261,7 @@ async function createCheatsheet(
   const distCheatsheetFilePath = join(distDir, 'cheatsheet.html');
 
   const c = srcSvgData.map(
-    (svgData) => `<svg><use href="#${svgData.iconName}" xlink:href="#${svgData.iconName}"/></svg>`,
+    (svgData) => `<a href="./svg/${svgData.fileName}"><svg><use href="#${svgData.iconName}" xlink:href="#${svgData.iconName}"/></svg></a>`,
   );
 
   c.push(svgSymbolsContent);
diff --git a/scripts/cheatsheet-template.html b/scripts/cheatsheet-template.html
@@ -23,6 +23,13 @@
       width: 32px;
       height: 32px;
     }
+    a {
+      color: inherit;
+      text-decoration: none;
+    }
+    a:hover {
+      opacity: 0.7;
+    }
   </style>
 </head>
 <body>
