#11 Replace None with transparent

UniRegensburg · Aug 15, 2022 · d78a88c · d78a88c
1 parent 67c72f2
commit d78a88c
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/src/components/SidebarHeader.tsx b/src/components/SidebarHeader.tsx
@@ -16,15 +16,15 @@ export const SidebarHeader = () => {
             })}>
             <div className={sidebarOpen ? "transition duration-300 rotate-90" : "transition duration-300 rotate-0"}
                 onClick={() => setSidebarOpen(!sidebarOpen)}>
-                <Button bgColor="None"
+                <Button bgColor="transparent"
                     size="sm"
                     textColor="font-bold text-darkGrey"
                     icon={<List size={18} />}>
                 </Button>
             </div>
 
             <div className={sidebarOpen ? "flex flex-row gap-2 w-[1h]" : "flex flex-row gap-2 w-[1h] hidden"}>
-                <Button bgColor={isNotesActive ? "bg-offWhite" : "None"}
+                <Button bgColor={isNotesActive ? "bg-offWhite" : "transparent"}
                     size="sm"
                     textColor="font-bold text-darkGrey"
                     icon={<Notepad size={18} />}
@@ -34,7 +34,7 @@ export const SidebarHeader = () => {
                         setIsBookmarksActive(false);
                     }}>
                 </Button>
-                <Button bgColor={isHintsActive ? "bg-offWhite" : "None"}
+                <Button bgColor={isHintsActive ? "bg-offWhite" : "transparent"}
                     size="sm"
                     textColor="font-bold text-darkGrey"
                     icon={<Scales size={18} />}
@@ -44,7 +44,7 @@ export const SidebarHeader = () => {
                         setIsBookmarksActive(false);
                     }}>
                 </Button>
-                <Button bgColor={isBookmarksActive ? "bg-offWhite" : "None"}
+                <Button bgColor={isBookmarksActive ? "bg-offWhite" : "transparent"}
                     size="sm"
                     textColor="font-bold text-darkGrey"
                     icon={<Bookmarks size={18} />}