From b8319beda4453810f07cbb70b323470c379111f4 Mon Sep 17 00:00:00 2001
From: Stefano Pigozzi <me@steffo.eu>
Date: Sat, 16 Jul 2022 18:10:31 +0200
Subject: [PATCH] Move icon styling to CSS module

---
 .../generic/renderers/fontawesome.module.css                  | 4 ++--
 components/generic/renderers/fontawesome.tsx                  | 3 ++-
 2 files changed, 4 insertions(+), 3 deletions(-)
 rename styles/components/icon.css => components/generic/renderers/fontawesome.module.css (80%)

diff --git a/styles/components/icon.css b/components/generic/renderers/fontawesome.module.css
similarity index 80%
rename from styles/components/icon.css
rename to components/generic/renderers/fontawesome.module.css
index 8fbbc53..ea3999b 100644
--- a/styles/components/icon.css
+++ b/components/generic/renderers/fontawesome.module.css
@@ -1,3 +1,3 @@
-.icon {
+.festaIcon {
     filter: drop-shadow(1px 1px 2px var(--background));
-}
+}
\ No newline at end of file
diff --git a/components/generic/renderers/fontawesome.tsx b/components/generic/renderers/fontawesome.tsx
index a18efb9..a4b3e84 100644
--- a/components/generic/renderers/fontawesome.tsx
+++ b/components/generic/renderers/fontawesome.tsx
@@ -1,6 +1,7 @@
 import { FontAwesomeIcon, FontAwesomeIconProps } from "@fortawesome/react-fontawesome";
 import { default as classNames } from "classnames";
 import { memo } from "react";
+import style from "./fontawesome.module.css"
 
 /**
  * Component which adds proper styling to {@link FontAwesomeIcon}.
@@ -9,7 +10,7 @@ export const FestaIcon = memo((props: FontAwesomeIconProps) => {
     return (
         <FontAwesomeIcon
             {...props}
-            className={classNames("icon", props.className)}
+            className={classNames(style.festaIcon, props.className)}
         />
     )
 })