chore: small changes + removing unnecessary code

src/app/(lobby)/dashboard/page.tsx

@@ -4,7 +4,7 @@ import { getUser } from '@/lib/server-user';
 import { createSupabaseServerClient } from '@/lib/supabase/server-clients';
 
 import { DashboardGraph } from '@/components/dashboard-graph';
-import DashboardTaskCard from '@/components/dashboard-task-card';
+import TaskList from '@/components/task-list';
 import {
   Card,
   CardContent,
@@ -72,12 +72,18 @@ export default async function DashboardPage() {
           <CardTitle>Tasks</CardTitle>
           <CardDescription>Following are your ongoing tasks.</CardDescription>
           <CardContent className='flex flex-col gap-4'>
-            {tasksDataWithProjectName?.map((taskWithProjectName, index) => (
+            {tasksDataWithProjectName?.length === 0 && (
+              <p className='text-muted-foreground text-center'>
+                No tasks found
+              </p>
+            )}
+            {/* {tasksDataWithProjectName?.map((taskWithProjectName, index) => (
               <DashboardTaskCard
                 taskWithProjectName={taskWithProjectName}
                 key={index}
               />
-            ))}
+            ))} */}
+            <TaskList tasksDataWithProjectName={tasksDataWithProjectName} />
           </CardContent>
         </CardHeader>
       </Card>

src/app/(lobby)/dashboard/projects/page.tsx

@@ -1,6 +1,7 @@
 import React from 'react';
 
 import { projectSchemaType } from '@/lib/schemas';
+import { getRole } from '@/lib/server-user';
 import { createSupabaseServerClient } from '@/lib/supabase/server-clients';
 
 import AllProjects from '@/components/all-projects';
@@ -13,6 +14,7 @@ export default async function ProjectPage() {
   } = await serverSupabase.auth.getUser();
   if (user) {
     const user_id = user?.id;
+    const role = await getRole(user_id);
     //get teams
     const { data: teamsIds } = await serverSupabase
       .from('teams-members')
@@ -31,7 +33,7 @@ export default async function ProjectPage() {
     const projectsTableData = projects as projectSchemaType[];
     return (
       <div className='flex flex-col gap-3'>
-        <CreateProjectForm />
+        {role === 'TEAM_HEAD' && <CreateProjectForm />}
         <AllProjects projects={projectsTableData} />
       </div>
     );

src/app/(lobby)/inbox/[team]/page.tsx

@@ -20,6 +20,14 @@ export default async function TeamInboxPage({ params }: TeamInboxPageProps) {
     .select('*')
     .eq('name', decodedTeamName);
 
+  if (!teamData || teamData.length === 0) {
+    return (
+      <p className='text-center text-lg text-muted-foreground'>
+        Team not found
+      </p>
+    );
+  }
+
   const team_id = teamData && teamData[0].team_id;
 
   const { data: oldChat } = await serverSupabase

src/components/dashboard-graph.tsx

@@ -61,6 +61,9 @@ export function DashboardGraph({ projectsByTeam }: DashboardGraphProps) {
       );
     }
   }
+  if (Object.keys(projectsByTeam).length === 0) {
+    return <p className='text-center text-muted-foreground'>No Data</p>;
+  }
   return (
     <>
       {Object.keys(teamsWithStatusCounts).map((teamName, index) => (

src/components/forms/create-project-form.tsx

@@ -49,7 +49,6 @@ export default function CreateProjectForm() {
   const session = useSession();
   const user_id = session?.user.id;
 
-  const [isLoading, setIsLoading] = useState(false);
   const [selectedteam, setSelectedTeam] = useState<string>('');
 
   const form = useForm<projectFormSchemaType>({
@@ -94,20 +93,16 @@ export default function CreateProjectForm() {
     mutationFn: createProject,
     onSuccess: () => {
       toast.success('Project Created Successfully');
-      setIsLoading(false);
       form.reset();
       setSelectedTeam('');
     },
     onError: () => {
       toast.error('Failed to create team');
-      setIsLoading(false);
     },
   });
 
   const onSubmit: SubmitHandler<projectFormSchemaType> = async (formData) => {
     formData.team_id = selectedteam;
-
-    setIsLoading(true);
     mutate.mutate(formData);
   };
 
@@ -254,8 +249,8 @@ export default function CreateProjectForm() {
                   )}
                 />
               </div>
-              <Button type='submit' disabled={isLoading}>
-                {isLoading && (
+              <Button type='submit' disabled={mutate.isPending}>
+                {mutate.isPending && (
                   <Icons.spinner
                     className='mr-2 size-4 animate-spin'
                     aria-hidden='true'

src/components/forms/create-team-form.tsx

@@ -36,7 +36,6 @@ export default function CreateTeamForm({
   isNotTeamHead,
 }: CreateTeamFormProps) {
   const { name } = user;
-  const [isLoading, setIsLoading] = useState(false);
   const [membersList, setMembersList] = useState<
     { label: string; email: string; value: string }[]
   >([]);
@@ -117,25 +116,22 @@ export default function CreateTeamForm({
     return response.json();
   }
 
-  const { mutate } = useMutation({
+  const mutate = useMutation({
     mutationFn: createTeam,
     onSuccess: () => {
       toast.success('Team Created Successfully');
-      setIsLoading(false);
       form.reset();
       updateSelectedMembers();
       increaseTeamsJoined();
     },
     onError: () => {
-      setIsLoading(false);
       toast.error('Failed to create team');
     },
   });
 
   const onSubmit: SubmitHandler<teamFormSchemaType> = async (formData) => {
     formData.members = Array.from(selectedMembers);
-    setIsLoading(true);
-    mutate(formData);
+    mutate.mutate(formData);
   };
 
   return (
@@ -219,8 +215,8 @@ export default function CreateTeamForm({
           )}
         />
         {canJoinMoreTeams() ? (
-          <Button type='submit' disabled={isLoading || isNotTeamHead}>
-            {isLoading && (
+          <Button type='submit' disabled={mutate.isPending || isNotTeamHead}>
+            {mutate.isPending && (
               <Icons.spinner
                 className='mr-2 size-4 animate-spin'
                 aria-hidden='true'