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 */ - {project.displayName} - } - - + } + ) } @@ -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 }} > - - - + + + + +