From 3d79f9994a3b7e085b08b51f2678fd36951ece80 Mon Sep 17 00:00:00 2001
From: Jorge Ruvalcaba <jorgeruvalcabav@gmail.com>
Date: Mon, 8 Mar 2021 11:56:08 -0600
Subject: [PATCH] PR comments

---
 components/Footer.tsx | 20 +++++++++++---------
 1 file changed, 11 insertions(+), 9 deletions(-)

diff --git a/components/Footer.tsx b/components/Footer.tsx
index d59b9a5..2039e9a 100644
--- a/components/Footer.tsx
+++ b/components/Footer.tsx
@@ -32,15 +32,17 @@ export const Footer: React.FC<{
     <footer className={styles.footer}>
       <div className={styles.copyright}>Copyright 2021 {config.author}</div>
 
-      <div className={styles.settings}>
-        <a
-          className={styles.toggleDarkMode}
-          onClick={toggleDarkModeCb}
-          title='Tottle dark mode'
-        >
-          {isDarkMode ? <IoMoonSharp /> : <IoSunnyOutline />}
-        </a>
-      </div>
+      {hasMounted ? (
+        <div className={styles.settings}>
+          <a
+            className={styles.toggleDarkMode}
+            onClick={toggleDarkModeCb}
+            title='Tottle dark mode'
+          >
+            {isDarkMode ? <IoMoonSharp /> : <IoSunnyOutline />}
+          </a>
+        </div>
+      ) : null}
 
       <div className={styles.social}>
         {config.twitter && (