Create task button

FLock-io · Sep 1, 2023 · 1a1f4f7 · 1a1f4f7
1 parent abbc1a8
commit 1a1f4f7
Showing 1 changed file with 11 additions and 3 deletions.
diff --git a/src/renderer/components/Tasks.tsx b/src/renderer/components/Tasks.tsx
@@ -154,14 +154,12 @@ function Tasks() {
             justify="between"
             pad={{ top: 'large', bottom: 'medium', horizontal: 'large' }}
           >
-            <Box direction="row-responsive" gap="large">
+            <Box direction="row-responsive" gap="large" align="center">
               <Box direction="row" alignSelf="end" gap="xsmall">
                 <Text>Tasks</Text>
                 {tasks.length}
               </Box>
               <TextInput placeholder="Search" icon={<Search />} />
-            </Box>
-            <Box direction="row-responsive" align="center" gap="large">
               <Button
                 primary={filterMode === 'all'}
                 plain={filterMode !== 'all'}
@@ -175,6 +173,16 @@ function Tasks() {
                 label="Completed"
               />
             </Box>
+            <Box direction="row-responsive" align="center" gap="large">
+              <Button
+                disabled={!address}
+                primary
+                onClick={() => setShowCreateTask(true)}
+                label="Create Task"
+                size="medium"
+                pad={{ vertical: 'xsmall', horizontal: 'medium' }}
+              />
+            </Box>
           </Box>
           <Box
             direction="row-responsive"