From 5d5549e1ba0bbc45d83e32d95b4d1666bfeb10dd Mon Sep 17 00:00:00 2001
From: Ruidy Nemausat <ruidy.nemausat@gmail.com>
Date: Fri, 17 Apr 2020 13:01:23 +0200
Subject: [PATCH] [UI] updated ProjectCard

---
 README.md                             |  1 +
 client/src/components/ProjectCard.tsx | 10 +++-------
 2 files changed, 4 insertions(+), 7 deletions(-)

diff --git a/README.md b/README.md
index 887ea1b..cec96d4 100644
--- a/README.md
+++ b/README.md
@@ -55,3 +55,4 @@
 - [ ] Refactor TabPanels code
 - [ ] Refactor Lists code
 - [ ] Query project members in UserPage
+- [ ] Query progression info in UserPage
diff --git a/client/src/components/ProjectCard.tsx b/client/src/components/ProjectCard.tsx
index bc9a1ef..600767c 100644
--- a/client/src/components/ProjectCard.tsx
+++ b/client/src/components/ProjectCard.tsx
@@ -18,15 +18,14 @@ interface IProps {
 const useStyles = makeStyles((theme: Theme) =>
   createStyles({
     progress: {
-      paddingTop: theme.spacing(4),
-      paddingBottom: theme.spacing(4),
+      paddingTop: theme.spacing(2),
     },
   })
 );
 
 const ProjectCard: FC<IProps> = ({
   title,
-  remainingDays,
+  remainingDays = "",
   link = "#",
   members,
   progress = 0,
@@ -38,10 +37,7 @@ const ProjectCard: FC<IProps> = ({
       <>
         {members && <AvatarList users={members} />}
         <div className={classes.progress}>
-          {/* <Typography variant="body2" component="p">
-            Progression:
-          </Typography> */}
-          <ProgressInfo />
+          <ProgressInfo remainingDays={getRemainingdays(remainingDays)} />
         </div>
       </>
     );