From 2b60de58437422722b5d9670826fce11929ca8e0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Simon=20St=C3=B8vring?= <mail@simonbs.dk>
Date: Fri, 13 Oct 2023 14:35:31 +0200
Subject: [PATCH] Changes background color of selected item (#6)

---
 src/lib/components/ProjectComponent.tsx | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/lib/components/ProjectComponent.tsx b/src/lib/components/ProjectComponent.tsx
index fa2637a2..81face8d 100644
--- a/src/lib/components/ProjectComponent.tsx
+++ b/src/lib/components/ProjectComponent.tsx
@@ -26,8 +26,10 @@ const ProjectComponent: React.FC<ProjectComponentProps> = ({ project, selectedPr
   const theme = useTheme();
 
   return (
-    <ListItem disablePadding>
-      <ListItemButton onClick={selectProject}>
+    <ListItem disablePadding >
+      <ListItemButton onClick={selectProject} sx={{
+        background: selectedProject ? "#0000000a" : "none",
+      }}>
         {project.image && (
           <Avatar
             src={project.image}
@@ -49,7 +51,7 @@ const ProjectComponent: React.FC<ProjectComponentProps> = ({ project, selectedPr
         {selectedProject && 
           <ListItemText 
             primary={
-              <Typography style={{ color: theme.palette.secondary.light, fontWeight: 'bold' }}>
+              <Typography style={{ fontWeight: 'bold' }}>
                 {project.name}
               </Typography>
             }