From 86d3e30ef02585d5089dce3aa2757ca2cb4e4edf Mon Sep 17 00:00:00 2001
From: Armand Philippot <git@armandphilippot.com>
Date: Mon, 17 Jan 2022 16:41:53 +0100
Subject: chore: replace copyright icon import with custom component

It allows me to set the colors with CSS and it will be easier to
implement dark mode.
---
 src/components/Copyright/Copyright.module.scss | 6 ++----
 src/components/Copyright/Copyright.tsx         | 4 ++--
 2 files changed, 4 insertions(+), 6 deletions(-)

(limited to 'src/components/Copyright')

diff --git a/src/components/Copyright/Copyright.module.scss b/src/components/Copyright/Copyright.module.scss
index 244d507..5ebbca4 100644
--- a/src/components/Copyright/Copyright.module.scss
+++ b/src/components/Copyright/Copyright.module.scss
@@ -1,6 +1,8 @@
 @use "@styles/abstracts/functions" as fun;
 
 .wrapper {
+  --icon-size: #{fun.convert-px(70)};
+
   display: flex;
   flex-flow: row nowrap;
   align-items: center;
@@ -9,7 +11,3 @@
   font-family: var(--font-family-secondary);
   font-size: var(--font-size-sm);
 }
-
-.icon {
-  height: fun.convert-px(20);
-}
diff --git a/src/components/Copyright/Copyright.tsx b/src/components/Copyright/Copyright.tsx
index 0dc6247..9a57f9c 100644
--- a/src/components/Copyright/Copyright.tsx
+++ b/src/components/Copyright/Copyright.tsx
@@ -1,4 +1,4 @@
-import CopyrightIcon from '@assets/images/cc-by-sa.svg';
+import { CopyrightIcon } from '@components/Icons';
 import { config } from '@config/website';
 import styles from './Copyright.module.scss';
 
@@ -6,7 +6,7 @@ const Copyright = () => {
   return (
     <p className={styles.wrapper}>
       <span>{config.name}</span>
-      <CopyrightIcon className={styles.icon} />
+      <CopyrightIcon />
       <span>
         {config.copyright.startYear} - {config.copyright.endYear}
       </span>
-- 
cgit v1.2.3