diff --git a/src/features/sidebar/view/internal/sidebar/projects/ProjectAvatar.tsx b/src/features/sidebar/view/internal/sidebar/projects/ProjectAvatar.tsx
index c55f7aac..98e0706f 100644
--- a/src/features/sidebar/view/internal/sidebar/projects/ProjectAvatar.tsx
+++ b/src/features/sidebar/view/internal/sidebar/projects/ProjectAvatar.tsx
@@ -1,6 +1,5 @@
import { SxProps } from "@mui/system"
-import { Avatar, Box } from "@mui/material"
-import { alpha, useTheme } from "@mui/material/styles"
+import { Avatar } from "@mui/material"
import { Project } from "@/features/projects/domain"
import ProjectAvatarSquircle from "./ProjectAvatarSquircle"
@@ -13,39 +12,21 @@ function ProjectAvatar({
width: number,
height: number
}) {
- const theme = useTheme()
- const borderRadius = 1
return (
-
-
+
-
-
- {project.imageURL &&
- /* eslint-disable-next-line @next/next/no-img-element */
-
- }
-
-
+ }
+
)
}
@@ -58,4 +39,3 @@ const PlaceholderAvatar = ({ text, sx }: { text: string, sx?: SxProps }) => {
)
}
-
diff --git a/src/features/sidebar/view/internal/sidebar/projects/ProjectAvatarSquircle.tsx b/src/features/sidebar/view/internal/sidebar/projects/ProjectAvatarSquircle.tsx
index 341a058c..58d0d394 100644
--- a/src/features/sidebar/view/internal/sidebar/projects/ProjectAvatarSquircle.tsx
+++ b/src/features/sidebar/view/internal/sidebar/projects/ProjectAvatarSquircle.tsx
@@ -16,12 +16,19 @@ const ProjectAvatarSquircle = ({
const svgPath = getSvgPath({
width,
height,
- cornerRadius: 10,
+ cornerRadius: 12,
cornerSmoothing: 0.8
})
return (
-
- {children}
+
+
+ {children}
+
)
}
diff --git a/src/features/sidebar/view/internal/sidebar/projects/ProjectList.tsx b/src/features/sidebar/view/internal/sidebar/projects/ProjectList.tsx
index 3fb6e231..d96def6b 100644
--- a/src/features/sidebar/view/internal/sidebar/projects/ProjectList.tsx
+++ b/src/features/sidebar/view/internal/sidebar/projects/ProjectList.tsx
@@ -17,13 +17,16 @@ const ProjectList = () => {
))
}
- {!isLoading && projects.map(project => (
-
+ {!isLoading && projects.map((project, idx) => (
+
+
+
))}
)
diff --git a/src/features/sidebar/view/internal/sidebar/projects/ProjectListItem.tsx b/src/features/sidebar/view/internal/sidebar/projects/ProjectListItem.tsx
index 4c05ee6b..ba9c7291 100644
--- a/src/features/sidebar/view/internal/sidebar/projects/ProjectListItem.tsx
+++ b/src/features/sidebar/view/internal/sidebar/projects/ProjectListItem.tsx
@@ -1,4 +1,5 @@
import {
+ Box,
ListItem,
ListItemButton,
ListItemText,
@@ -26,16 +27,27 @@ const ProjectListItem = ({
disableGutters
sx={{ padding: 0 }}
>
-
-
-
+
+
+
+
+