From 0096f690f7c96fc6a85dfa0f0f6498c68f607171 Mon Sep 17 00:00:00 2001
From: Xevion <ryanchwalters@gmail.com>
Date: Fri, 17 Feb 2023 11:56:28 -0600
Subject: [PATCH] Fix bad stroke application for gr,tb,io5,fi,hi icon sets

---
 src/components/render/DisplayIconSingle.tsx | 4 +++-
 src/styles/globals.scss                     | 7 +++++--
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/components/render/DisplayIconSingle.tsx b/src/components/render/DisplayIconSingle.tsx
index d04428b..03b94f3 100644
--- a/src/components/render/DisplayIconSingle.tsx
+++ b/src/components/render/DisplayIconSingle.tsx
@@ -29,6 +29,7 @@ const IconInternal: FunctionComponent<IconInternalProps> = ({label, children, on
     </div>
 }
 
+const forcedSets = ['gr', 'tb', 'io5', 'fi', 'hi'];
 const DisplayIconSingle: FunctionComponent<DisplayIconSingleProps> = ({setId, id}) => {
     // eslint-disable-next-line
     const IconSet = loadable.lib(() => getIcons(setId));
@@ -42,7 +43,8 @@ const DisplayIconSingle: FunctionComponent<DisplayIconSingleProps> = ({setId, id
             return <IconInternal label={id} onClick={() => {
                 void navigator.clipboard.writeText(`import {${id}} from "react-icons/${setId}";`)
             }}>
-                <Icon className={classNames(iconClass, setId === 'gr' ? 'forceStroke' : null)}/>
+
+                <Icon className={classNames(iconClass, forcedSets.indexOf(setId) != -1 ? 'forceStroke' : null)}/>
             </IconInternal>
 
         }}
diff --git a/src/styles/globals.scss b/src/styles/globals.scss
index 9969761..af41a3d 100644
--- a/src/styles/globals.scss
+++ b/src/styles/globals.scss
@@ -16,6 +16,9 @@ code {
   Bitstream Vera Sans Mono, Courier New, monospace;
 }
 
-.forceStroke > path, g {
-  stroke: currentColor;
+//
+.forceStroke {
+  > path:not([stroke="none"]), g, rect, line, polyline, circle, polygon {
+    stroke: currentColor;
+  }
 }
\ No newline at end of file