fix: todos cosmetic issues

vishalkondle-dev · Jun 25, 2024 · ee7c5b3 · ee7c5b3
1 parent 6cf3b65
commit ee7c5b3
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 7 deletions.
diff --git a/app/(private)/todos/page.tsx b/app/(private)/todos/page.tsx
@@ -100,7 +100,7 @@ const TodosPage = () => {
         collapsed: { mobile: !form.values._id, desktop: !form.values._id },
       }}
     >
-      <AppShell.Main p={0} mt={rem(-100)} pt={rem(80)}>
+      <AppShell.Main p={0} mt={rem(-80)} pt={rem(80)}>
         <Container size="sm">
           <TodoPageActions getTodoLists={getTodoLists} todoList={todoList} refetch={refetch} />
           {loading ? (

diff --git a/components/Todo/Todo.tsx b/components/Todo/Todo.tsx
@@ -38,18 +38,18 @@ const Todo = ({ todo, refetch, setSelected }: Props) => {
         <Group gap="xs" wrap="nowrap" justify="space-between">
           <Group gap="xs" wrap="nowrap">
             <ActionIcon
-              color={todo.color ? 'gray.0' : 'dark'}
+              color={todo.color ? 'gray.0' : 'gray'}
               variant="transparent"
               onClick={(e) => update(e, { isCompleted: !todo?.isCompleted })}
             >
               {todo?.isCompleted ? <IconCircleCheckFilled /> : <IconCircle />}
             </ActionIcon>
-            <Text fw={700} c={todo.color ? 'gray.0' : 'dark'} lineClamp={2}>
+            <Text fw={700} c={todo.color ? 'gray.0' : 'gray'} lineClamp={2}>
               {todo?.todo}
             </Text>
           </Group>
           <ActionIcon
-            color={todo.color ? 'gray.0' : 'dark'}
+            color={todo.color ? 'gray.0' : 'gray'}
             variant="transparent"
             onClick={(e) => update(e, { isImportant: !todo?.isImportant })}
           >
@@ -58,7 +58,7 @@ const Todo = ({ todo, refetch, setSelected }: Props) => {
         </Group>
         <Group display={todo?.list || todo?.date ? 'flex' : 'none'}>
           <Badge
-            c={todo?.list?.color || 'dark'}
+            c={todo?.list?.color || 'gray'}
             leftSection={<IconList size={14} />}
             radius="xs"
             variant="white"
@@ -67,7 +67,7 @@ const Todo = ({ todo, refetch, setSelected }: Props) => {
             {todo?.list?.title}
           </Badge>
           <Badge
-            c={todo?.list?.color || 'dark'}
+            c={todo?.list?.color || 'gray'}
             leftSection={<IconCalendar size={14} />}
             radius="xs"
             variant="white"

diff --git a/components/Todo/TodoPageActions.tsx b/components/Todo/TodoPageActions.tsx
@@ -119,7 +119,7 @@ const TodoPageActions = ({ refetch, getTodoLists, todoList, isListPage = false }
   return (
     <Group mt="sm" mb="xl" justify="space-between">
       <Text c={selected?.color} tt="capitalize" fw={700}>
-        {isListPage ? selected?.title : pathname.split('/')[2]}
+        {isListPage ? selected?.title : pathname.split('/')[2] || 'Todos'}
       </Text>
       <Group gap={rem(6)} justify="right">
         <ActionIcon variant="subtle" color="gray" onClick={() => window.print()} title="Print">