added logo and proper name to extension

Author: jgrer

Dockerfile

@@ -28,7 +28,7 @@ LABEL org.opencontainers.image.title="Copacetic" \
     org.opencontainers.image.vendor="Microsoft" \
     com.docker.desktop.extension.api.version="0.3.4" \
     com.docker.extension.screenshots="" \
-    com.docker.desktop.extension.icon="" \
+    com.docker.desktop.extension.icon="https://raw.githubusercontent.com/project-copacetic/copacetic/main/images/copa-color.png" \
     com.docker.extension.detailed-description="" \
     com.docker.extension.publisher-url="" \
     com.docker.extension.additional-urls="" \
@@ -38,6 +38,6 @@ LABEL org.opencontainers.image.title="Copacetic" \
 COPY --from=builder /backend/bin/service /
 COPY docker-compose.yaml .
 COPY metadata.json .
-COPY docker.svg .
+COPY copa-color.svg .
 COPY --from=client-builder /ui/build ui
 CMD /service -socket /run/guest-services/backend.sock

Makefile

@@ -1,4 +1,4 @@
-IMAGE?=my/awesome-extension
+IMAGE?=copacetic/copacetic-docker-desktop-extension
 TAG?=latest
 
 BUILDER=buildx-multi-arch

copa-color.svg

@@ -1,5 +1,5 @@
 {
-  "icon": "docker.svg",
+  "icon": "copa-color.svg",
   "vm": {
     "composefile": "docker-compose.yaml",
     "exposes": {
@@ -8,7 +8,7 @@
   },
   "ui": {
     "dashboard-tab": {
-      "title": "My Extension",
+      "title": "Copacetic",
       "src": "index.html",
       "root": "ui"
     }

metadata.json

@@ -104,37 +104,36 @@ export function App() {
   async function runCopa(commandParts: string[], stdout: string, stderr: string) {
     await ddClient.docker.cli.exec(
       "run", commandParts,
-      // {
-      //   stream: {
-      //     onOutput(data: any) {
-      //       stdout += data.stdout;
-      //       if (data.stderr) {
-      //         stderr += data.stderr;
-      //       }
-      //     },
-      //     onError(error: any) {
-      //       console.error(error);
-      //     },
-      //     onClose(exitCode: number) {
-      //       var res = { stdout: stdout, stderr: stderr };
-      //       alert("finished!");
-      //       if (exitCode == 0) {
-      //         ddClient.desktopUI.toast.error(
-      //           `${res.stdout}`
-      //         );
-      //       } else {
-      //         ddClient.desktopUI.toast.error(
-      //           `${res.stderr}`
-      //         );
-      //       }
-      //     },
-      //   },
-      // }
+      {
+        stream: {
+          onOutput(data: any) {
+            stdout += data.stdout;
+            if (data.stderr) {
+              stderr += data.stderr;
+            }
+          },
+          onError(error: any) {
+            console.error(error);
+          },
+          onClose(exitCode: number) {
+            setInLoading(false);
+            var res = { stdout: stdout, stderr: stderr };
+            if (exitCode == 0) {
+              processResult(res);
+            } else {
+            
+            }
+          },
+        },
+      }
     );
-    setInLoading(false);
     return { stdout, stderr };
   }
 
+  const processResult = (res : object) => {
+    
+  }
+
   return (
     <Box
       display="flex"
@@ -146,14 +145,8 @@ export function App() {
         <Stack sx={{ alignItems: 'center' }} spacing={1.5}>
           <Box
             component="img"
-            sx={{
-              height: 260,
-              width: 400,
-              maxHeight: { xs: 260, md: 167 },
-              maxWidth: { xs: 400, md: 250 },
-            }}
-            alt="The house from the offer."
-            src="copa-color.png"
+            alt="Copacetic logo"
+            src="copa-color-small.png"
           />
           <Stack>
             <Typography align='center' variant="h6">Directly patch containers quickly</Typography>