add upload button

microcks · Nov 13, 2023 · 988f568 · 988f568
1 parent 00a630b
commit 988f568
Showing 1 changed file with 13 additions and 4 deletions.
diff --git a/client/src/components/Services.tsx b/client/src/components/Services.tsx
@@ -50,7 +50,7 @@ const Services = (props: { config: ExtensionConfig }) => {
 
   const ddClient = useDockerDesktopClient();
 
-  const getServices = async () => {
+  const retrieveServices = async () => {
     const result = await ddClient.docker.cli.exec('exec', [
       APP_CONTAINER,
       '/bin/curl',
@@ -68,19 +68,28 @@ const Services = (props: { config: ExtensionConfig }) => {
   };
 
   useEffect(() => {
-    getServices();
+    retrieveServices();
   }, []);
 
   return (
     <Box sx={{ width: '100%', alignItems: 'center' }} my={5}>
-      <Typography variant="h3">Services</Typography>
+      <Box display="flex" flex="row" justifyContent="space-between">
+        <Typography variant="h3">Services</Typography>
+        <Button variant="contained" size="large" onClick={() => {}}>
+          + Add Service
+        </Button>
+      </Box>
       <Box my={2}>
         <Stack>
           <TableContainer>
             <Table aria-label="collapsible table">
               <TableBody>
                 {services.map((service) => (
-                  <ServiceRow key={service.id} service={service} config={config} />
+                  <ServiceRow
+                    key={service.id}
+                    service={service}
+                    config={config}
+                  />
                 ))}
               </TableBody>
             </Table>