From 2823e44250207c43e26114cc7be57cd4ebf4ae08 Mon Sep 17 00:00:00 2001
From: Ethan <ethan.anderson00@gmail.com>
Date: Thu, 4 Feb 2021 13:01:57 +0000
Subject: [PATCH] Updated Bio to use new socialLinks component

---
 components/Bio/Bio.module.css    |  4 ----
 components/Bio/Bio.tsx           | 10 ++--------
 components/Icons/Icon.module.css |  3 ---
 3 files changed, 2 insertions(+), 15 deletions(-)
 delete mode 100644 components/Icons/Icon.module.css

diff --git a/components/Bio/Bio.module.css b/components/Bio/Bio.module.css
index 6f5eec9..7f90f87 100644
--- a/components/Bio/Bio.module.css
+++ b/components/Bio/Bio.module.css
@@ -22,7 +22,3 @@
   color: var(--primary-accent-colour);
   margin-left: 0.5rem;
 }
-
-.icons {
-  margin-right: 20px;
-}
diff --git a/components/Bio/Bio.tsx b/components/Bio/Bio.tsx
index 914a76c..e3c1d20 100644
--- a/components/Bio/Bio.tsx
+++ b/components/Bio/Bio.tsx
@@ -1,7 +1,5 @@
 import React from "react";
-import GithubIcon from "../Icons/GithubIcon";
-import LinkedinIcon from "../Icons/LinkedinIcon";
-import TwitterIcon from "../Icons/TwitterIcon";
+import SocialLinks from "../SocialLinks/SocialLinks";
 import styles from "./Bio.module.css";
 
 function Bio() {
@@ -14,11 +12,7 @@ function Bio() {
         Destroyer of Builds, Remover of Strings, Creator of lint errors. Currently an application developer @
         <a href="https://www.pebblepad.co.uk/">PebblePad</a>
       </p>
-      <div>
-        <GithubIcon />
-        <TwitterIcon />
-        <LinkedinIcon />
-      </div>
+      <SocialLinks colour="#FFF" />
     </div>
   );
 }
diff --git a/components/Icons/Icon.module.css b/components/Icons/Icon.module.css
deleted file mode 100644
index abc92bd..0000000
--- a/components/Icons/Icon.module.css
+++ /dev/null
@@ -1,3 +0,0 @@
-.icon {
-  margin-right: 20px;
-}
-- 
2.51.2