Add dockerlist to example app

mdvanes · May 23, 2021 · f97d361 · f97d361
1 parent 91d6b5f
commit f97d361
Show file tree

Hide file tree

Showing 4 changed files with 31 additions and 1 deletion.
diff --git a/mocks/api/dockerlist/index.json b/mocks/api/dockerlist/index.json
@@ -0,0 +1,18 @@
+{
+    "status": "received",
+    "containers": [
+        {
+            "Id": "245425425245afafaffaaafaffaaffaa43542524524524524542542444452532",
+            "Names": ["/determined_edison"],
+            "State": "running",
+            "Status": "Up 11 days"
+        },
+
+        {
+            "Id": "245425425245afafaffaaafaffaaffaa43542524524524524542542444452531",
+            "Names": ["/hello_world"],
+            "State": "exited",
+            "Status": "Exited (0) 42 hours ago"
+        }
+    ]
+}
diff --git a/packages/dockerlist-client/.bsb.lock b/packages/dockerlist-client/.bsb.lock
@@ -0,0 +1 @@
+398540
diff --git a/packages/dockerlist-client/src/DockerList.stories.tsx b/packages/dockerlist-client/src/DockerList.stories.tsx
@@ -20,7 +20,7 @@ export const Default = ({ width }: { width: number }): ReactNode => (
     <BreakpointWrapper width={width}>
         <DockerList
             url={url}
-            onError={action(`some error has occurred`)}
+            onError={action("some error has occurred")}
             confirmButtonStyle={{ backgroundColor: "#1a237e", color: "white" }}
         />
     </BreakpointWrapper>

diff --git a/packages/example/src/ExampleApp.stories.tsx b/packages/example/src/ExampleApp.stories.tsx
@@ -1,9 +1,12 @@
 import React, { FC, ReactNode } from "react";
 // NOTE only use compiled versions, i.e. from lib! To get a good idea of what use of the modules looks like
 import StreamPlayer from "@mdworld/homeremote-stream-player";
+import { DockerListMod } from "@mdworld/homeremote-dockerlist";
 import { Meta } from "@storybook/react";
 import "./storybookStyles.css";
 
+const DockerList = DockerListMod.make;
+
 export default {
     title: `ExampleApp`,
     component: StreamPlayer,
@@ -46,5 +49,13 @@ export const Default = (): ReactNode => (
             from this monorepo.
         </p>
         <StreamPlayer url={url} />
+        <DockerList
+            url="http://localhost:3100"
+            onError={(err) => alert("some error has occurred" + err)}
+            confirmButtonStyle={{
+                backgroundColor: "#1a237e",
+                color: "white",
+            }}
+        />
     </Wrapper>
 );