From 4ff69d18b7dcf9cf8d40ba930a131607277e6c05 Mon Sep 17 00:00:00 2001
From: Ruidy Nemausat <ruidy.nemausat@gmail.com>
Date: Fri, 17 Apr 2020 10:58:25 +0200
Subject: [PATCH] [UI] updated TicketList. AddTicketButton

---
 client/src/components/ProjectTabPanel.tsx |  2 +-
 client/src/components/TicketList.tsx      | 17 +++++++++++++----
 2 files changed, 14 insertions(+), 5 deletions(-)

diff --git a/client/src/components/ProjectTabPanel.tsx b/client/src/components/ProjectTabPanel.tsx
index cd61703..6f90e8f 100644
--- a/client/src/components/ProjectTabPanel.tsx
+++ b/client/src/components/ProjectTabPanel.tsx
@@ -103,7 +103,7 @@ export const ProjectTabPanel: FC<IProps> = ({
         onChangeIndex={handleChangeIndex}
       >
         <TabPanel value={value} index={0} dir={theme.direction}>
-          <TicketList tickets={tickets} allProjects={[]} addButton={false} />
+          <TicketList tickets={tickets} allProjects={[]} addButton={true} />
         </TabPanel>
         <TabPanel value={value} index={1} dir={theme.direction}>
           <FileList files={files} />
diff --git a/client/src/components/TicketList.tsx b/client/src/components/TicketList.tsx
index edc4c9c..99d9e2e 100644
--- a/client/src/components/TicketList.tsx
+++ b/client/src/components/TicketList.tsx
@@ -21,6 +21,10 @@ const useStyles = makeStyles((theme: Theme) =>
     header: {
       paddingBottom: theme.spacing(2),
     },
+    addButton: {
+      position: "relative",
+      marginLeft: "20px",
+    },
   })
 );
 
@@ -77,12 +81,17 @@ export const TicketList: FC<TicketListProps> = ({
         >
           <Typography variant="h4" component="h4">
             Tickets
+            {addButton && (
+              <span className={classes.addButton}>
+                <FloatingButton
+                  color="primary"
+                  size="small"
+                  onClick={onClick}
+                />
+              </span>
+            )}
           </Typography>
 
-          {addButton && (
-            <FloatingButton color="primary" size="small" onClick={onClick} />
-          )}
-
           <FilterBar
             filterText={filterText}
             handleChange={handleChange}