From cd1cecd774b0e7582ff1696569252a32e81ed0e3 Mon Sep 17 00:00:00 2001
From: Kurt Hutten <k.hutten@protonmail.ch>
Date: Sat, 18 Sep 2021 16:19:31 +1000
Subject: [PATCH] Remove double icon

---
 app/web/src/components/IdeSideBar/IdeSideBar.tsx       |  2 +-
 .../src/components/ProjectProfile/ProjectProfile.tsx   |  6 ------
 app/web/src/components/UserProfile/UserProfile.tsx     |  6 ------
 app/web/src/helpers/hooks/useIdeState.ts               |  1 -
 app/web/src/index.css                                  | 10 ----------
 5 files changed, 1 insertion(+), 24 deletions(-)

diff --git a/app/web/src/components/IdeSideBar/IdeSideBar.tsx b/app/web/src/components/IdeSideBar/IdeSideBar.tsx
index 0a071f7..1919b9b 100644
--- a/app/web/src/components/IdeSideBar/IdeSideBar.tsx
+++ b/app/web/src/components/IdeSideBar/IdeSideBar.tsx
@@ -21,7 +21,7 @@ function TabToggle({ item, className = '', active, onChange, onClick }) {
         value={item.name}
         onChange={onChange}
         onClick={onClick}
-        className="visually-hidden"
+        className="sr-only"
       />
       <Svg name={item.icon} className="w-8 mx-auto" />
     </label>
diff --git a/app/web/src/components/ProjectProfile/ProjectProfile.tsx b/app/web/src/components/ProjectProfile/ProjectProfile.tsx
index 3d4c83b..399021c 100644
--- a/app/web/src/components/ProjectProfile/ProjectProfile.tsx
+++ b/app/web/src/components/ProjectProfile/ProjectProfile.tsx
@@ -70,12 +70,6 @@ const ProjectProfile = ({
     <>
       <div className="h-screen flex flex-col text-lg font-fira-sans">
         <div className="flex">
-          <Link
-            to={routes.home()}
-            className="w-16 h-16 flex items-center justify-center bg-ch-gray-900"
-          >
-            <Svg className="w-12" name="favicon" />
-          </Link>
           <IdeHeader
             handleRender={() => {}}
             projectTitle={project?.title}
diff --git a/app/web/src/components/UserProfile/UserProfile.tsx b/app/web/src/components/UserProfile/UserProfile.tsx
index 7c300f7..9ea9e91 100644
--- a/app/web/src/components/UserProfile/UserProfile.tsx
+++ b/app/web/src/components/UserProfile/UserProfile.tsx
@@ -53,12 +53,6 @@ const UserProfile = ({
     <>
       <div className="md:h-screen flex flex-col text-lg font-fira-sans">
         <div className="flex">
-          <Link
-            to={routes.home()}
-            className="w-16 h-16 flex items-center justify-center bg-ch-gray-900"
-          >
-            <Svg className="w-12" name="favicon" />
-          </Link>
           <IdeHeader
             handleRender={() => {}}
             projectOwner={user?.userName}
diff --git a/app/web/src/helpers/hooks/useIdeState.ts b/app/web/src/helpers/hooks/useIdeState.ts
index 09e9cc2..0e64da2 100644
--- a/app/web/src/helpers/hooks/useIdeState.ts
+++ b/app/web/src/helpers/hooks/useIdeState.ts
@@ -151,7 +151,6 @@ export const initialState: State = {
 }
 
 const reducer = (state: State, { type, payload }): State => {
-  console.log('reducing')
   switch (type) {
     case 'initIde':
       return {
diff --git a/app/web/src/index.css b/app/web/src/index.css
index aa01fce..b3ce904 100644
--- a/app/web/src/index.css
+++ b/app/web/src/index.css
@@ -30,16 +30,6 @@
     @apply bg-ch-pink-800 bg-opacity-30 hover:bg-opacity-60;
   }
 
-  /* https://www.a11yproject.com/posts/2013-01-11-how-to-hide-content/ */
-  .visually-hidden {
-    clip: rect(0 0 0 0);
-    clip-path: inset(50%);
-    height: 1px;
-    overflow: hidden;
-    position: absolute;
-    white-space: nowrap;
-    width: 1px;
-  }
 }
 
 @layer components {