Remove double icon

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>

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}

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}

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 {

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 {