chore: small changes. attention to detail

NoorFatima01 · Jun 25, 2024 · cbbb7aa · cbbb7aa
1 parent 739d4e3
commit cbbb7aa
Show file tree

Hide file tree

Showing 6 changed files with 56 additions and 18 deletions.
diff --git a/src/app/(lobby)/dashboard/projects/page.tsx b/src/app/(lobby)/dashboard/projects/page.tsx
@@ -38,5 +38,11 @@ export default async function ProjectPage() {
       </div>
     );
   }
-  return <div>no user</div>;
+  return (
+    <div className='self-center  mt-6 rounded-md border border-muted-foreground p-2'>
+      <p className='text-muted-foreground text-sm text-center'>
+        No user. Login to view projects
+      </p>
+    </div>
+  );
 }
diff --git a/src/app/(lobby)/dashboard/teams/page.tsx b/src/app/(lobby)/dashboard/teams/page.tsx
@@ -12,7 +12,13 @@ export default async function TeamsPage() {
   } = await serverSupabase.auth.getUser();
   const user_id = user?.id;
   if (!user_id) {
-    return <div>no user</div>;
+    return (
+      <div className='self-center  mt-6 rounded-md border border-muted-foreground p-2'>
+        <p className='text-muted-foreground text-sm text-center'>
+          No user. Login to view teams
+        </p>
+      </div>
+    );
   }
 
   //get teams

diff --git a/src/app/my-profile/[name]/invitations/page.tsx b/src/app/my-profile/[name]/invitations/page.tsx
@@ -7,7 +7,13 @@ import Invitations from '@/components/pending-invitations';
 export default async function InvitationsPage() {
   const user = await getUser();
   if (!user) {
-    return <div>no user</div>;
+    return (
+      <div className='self-center  mt-6 rounded-md border border-muted-foreground p-2'>
+        <p className='text-muted-foreground text-sm text-center'>
+          No user. Login to view invitations
+        </p>
+      </div>
+    );
   }
   const userId = user.id as string;
   const role = await getRole(userId);

diff --git a/src/components/forms/add-task-form.tsx b/src/components/forms/add-task-form.tsx
@@ -37,9 +37,13 @@ import UploadFile from '@/components/upload-file';
 
 interface AddTaskFormProps {
   projectName: string;
+  isDisabled?: boolean;
 }
 
-export default function AddTaskForm({ projectName }: AddTaskFormProps) {
+export default function AddTaskForm({
+  projectName,
+  isDisabled = false,
+}: AddTaskFormProps) {
   const [isLoading, setIsLoading] = useState(false);
   const form = useForm<taskFormSchemaType>({
     resolver: zodResolver(taskFormSchema),
@@ -108,7 +112,9 @@ export default function AddTaskForm({ projectName }: AddTaskFormProps) {
   return (
     <Dialog>
       <DialogTrigger asChild>
-        <Button size='sm'>Add Task</Button>
+        <Button size='sm' disabled={isDisabled}>
+          Add Task
+        </Button>
       </DialogTrigger>
       <DialogContent>
         <DialogHeader className='mb-4'>

diff --git a/src/components/icons.tsx b/src/components/icons.tsx
@@ -4,6 +4,7 @@ import {
   Briefcase,
   CheckIcon,
   ClipboardPlus,
+  Download,
   File,
   FileImage,
   FileText,
@@ -36,6 +37,7 @@ export const Icons = {
   sun: SunMedium,
   moon: Moon,
   close: X,
+  download: Download,
   employee: UserRoundPlus,
   spinner: Loader2,
   add: Plus,

diff --git a/src/components/tasks.tsx b/src/components/tasks.tsx
@@ -222,7 +222,10 @@ export default function Tasks({ projectName, tasks }: TasksProps) {
               </Tooltip>
             </>
           )}
-          <AddTaskForm projectName={projectName} />
+          <AddTaskForm
+            projectName={projectName}
+            isDisabled={!isProjectInProgress}
+          />
         </div>
       </div>
 
@@ -245,11 +248,13 @@ export default function Tasks({ projectName, tasks }: TasksProps) {
                     onClick={() => setTaskSelected(task)}
                     variant='ghost'
                     className={cn(
-                      ' w-full font-semibold hover:cursor-pointer hover:text-primary-foreground transition-all duration-400',
-                      taskSelected === task && 'text-xl font-bold'
+                      ' w-full font-semibold text-sm hover:cursor-pointer hover:text-primary-foreground transition-all duration-400',
+                      taskSelected === task && 'text-md font-bold'
                     )}
                   >
-                    {task.title}
+                    {task.title.length > 12
+                      ? `${task.title.substring(0, 9)}...`
+                      : task.title}
                   </Button>
                 ))
               ) : (
@@ -276,15 +281,22 @@ export default function Tasks({ projectName, tasks }: TasksProps) {
                       <span className='text-lg'>{taskSelected.details}</span>
                     </div>
                     <div className='flex gap-3'>
-                      <Button
-                        size='sm'
-                        variant='secondary'
-                        onClick={async () => {
-                          await handleZip();
-                        }}
-                      >
-                        Download Reference Material
-                      </Button>
+                      <Tooltip>
+                        <TooltipTrigger asChild>
+                          <Button
+                            size='sm'
+                            variant='ghost'
+                            onClick={async () => {
+                              await handleZip();
+                            }}
+                          >
+                            <Icons.download className=' size-4' />
+                          </Button>
+                        </TooltipTrigger>
+                        <TooltipContent>
+                          <span>Download Reference Material</span>
+                        </TooltipContent>
+                      </Tooltip>
                     </div>
                   </div>
                 ) : (