kyeboard
diff --git a/Collapse file
‎pages/dashboard.tsx‎
Copy file name to clipboardExpand all lines: pages/dashboard.tsx
+7-15Lines changed: 7 additions & 15 deletions b/Collapse file
‎pages/dashboard.tsx‎
Copy file name to clipboardExpand all lines: pages/dashboard.tsx
+7-15Lines changed: 7 additions & 15 deletions
diff --git a/Collapse file
‎pages/project/[id]/index.tsx‎
Copy file name to clipboardExpand all lines: pages/project/[id]/index.tsx
+1-1Lines changed: 1 addition & 1 deletion b/Collapse file
‎pages/project/[id]/index.tsx‎
Copy file name to clipboardExpand all lines: pages/project/[id]/index.tsx
+1-1Lines changed: 1 addition & 1 deletion
diff --git a/Collapse file
‎src/components/ProjectsCard.tsx‎
Copy file name to clipboardExpand all lines: src/components/ProjectsCard.tsx
+1-25Lines changed: 1 addition & 25 deletions b/Collapse file
‎src/components/ProjectsCard.tsx‎
Copy file name to clipboardExpand all lines: src/components/ProjectsCard.tsx
+1-25Lines changed: 1 addition & 25 deletions
diff --git a/Collapse file
‎src/components/ProjectsList.tsx‎
Copy file name to clipboardExpand all lines: src/components/ProjectsList.tsx
+2-4Lines changed: 2 additions & 4 deletions b/Collapse file
‎src/components/ProjectsList.tsx‎
Copy file name to clipboardExpand all lines: src/components/ProjectsList.tsx
+2-4Lines changed: 2 additions & 4 deletions
@@ -1,24 +1,12 @@
 import SideBar from "@components/SideBar";
 import NewProject from "@components/NewProject";
-import {
-    Box,
-    Button,
-    Flex,
-    Image,
-    Input,
-    Spinner,
-    Text,
-} from "@pankod/refine-chakra-ui";
+import { Box, Flex } from "@pankod/refine-chakra-ui";
 import { rise } from "animations";
-import { Suspense, useEffect, useState } from "react";
-import { teams } from "src/utility";
-import { Plus } from "react-feather";
+import { useState } from "react";
 import { AnimatePresence, motion } from "framer-motion";
 import ExtraBold from "@components/ExtraBold";
-import Bold from "@components/Bold";
-import { Models } from "@pankod/refine-appwrite";
-import ProjectCard from "@components/ProjectsCard";
 import ProjectsList from "@components/ProjectsList";
+import Head from "next/head";
 
 const DashBoard = () => {
     const date = new Date();
@@ -47,9 +35,13 @@ const DashBoard = () => {
 
     return (
         <Flex width={"100vw"} height="100vh">
+            <Head>
+                <title>Your dashboard - planetary</title>
+            </Head>
             <SideBar current="dashboard" />
             <Flex
                 direction="column"
+                marginTop={5}
                 paddingLeft={{ sidebar_md: 12, sm: 8, base: 4 }}
                 paddingRight={{ sidebar_md: 12, sm: 0, base: 4 }}
                 width={{
 
@@ -111,7 +111,7 @@ const DashBoard: React.FC<{}> = () => {
                 {loading ? (
                     <Flex
                         width="full"
-                        height="full"
+                        height="50vh"
                         justifyContent={"center"}
                         alignItems="center"
                     >
 
@@ -44,31 +44,7 @@ const ProjectCard: React.FC<ProjectCardProps> = ({
                     exit={{ opacity: 0, transform: "translateY(30px)" }}
                     transition={{ duration: "0.3" }}
                 >
-                    {/* <Flex>
-                            {p.members.map((m: any, i: number) => {
-                                return (
-                                    <Image
-                                        key={m.userName}
-                                        borderColor="#2E3440"
-                                        transform={`translateX(-${8 * i}px)`}
-                                        borderWidth={2}
-                                        borderStyle="solid"
-                                        src={
-                                            storage.getFilePreview(
-                                                "63dfd4b2bf3364da5f0c",
-                                                m.userName
-                                            ).href
-                                        }
-                                        width={10}
-                                        borderRadius="full"
-                                        alt="User profile"
-                                    />
-                                );
-                            })}
-                        </Flex> */}
-                    <ExtraBold marginTop={5} fontSize={24}>
-                        {name}
-                    </ExtraBold>
+                    <ExtraBold fontSize={24}>{name}</ExtraBold>
                     <Text color="gray.600" marginTop={2} marginBottom={4}>
                         {data?.data.description}
                     </Text>
 
@@ -45,7 +45,7 @@ const ProjectsList: React.FC<ProjectsListProps> = ({
         fetchTeams();
 
         set_refresh(false);
-    }, [refresh]);
+    }, [refresh, set_refresh]);
 
     return (
         <Box width="full">
@@ -68,7 +68,6 @@ const ProjectsList: React.FC<ProjectsListProps> = ({
                     animation={`${rise} 500ms ease-in-out forwards`}
                     _placeholder={{ color: "gray.500" }}
                 />
-                {/* Create new project button */}
                 <Button
                     bg="#2E3440"
                     color="#d2d8f3"
@@ -83,7 +82,6 @@ const ProjectsList: React.FC<ProjectsListProps> = ({
                 >
                     Create new project
                 </Button>
-                {/* Plus sign on small screens */}
                 <Button
                     bg="#2E3440"
                     color="#d2d8f3"
@@ -109,7 +107,7 @@ const ProjectsList: React.FC<ProjectsListProps> = ({
                 Recent Projects
             </Bold>
 
-            <Flex marginTop={4} gap={6} wrap="wrap">
+            <Flex marginTop={4} gap={6} wrap="wrap" paddingBottom={10}>
                 <AnimatePresence>
                     {user_teams ? (
                         user_teams.map((team) => {