docs: update MachineActionForm errors story

canonical · Oct 6, 2023 · 216e04e · 216e04e
1 parent f2a6a9c
commit 216e04e
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 6 deletions.
diff --git a/src/app/machines/components/ErrorDetails/ErrorDetails.tsx b/src/app/machines/components/ErrorDetails/ErrorDetails.tsx
@@ -12,7 +12,7 @@ const ErrorDetailsItem = ({
   systemIds: ActionState["failedSystemIds"];
 }) => {
   return (
-    <dl>
+    <dl className="u-no-margin--bottom">
       <dt>{errorMessage}</dt>
       {systemIds?.map((systemId) => (
         <dd key={systemId}>

diff --git a/...nes/components/MachineForms/MachineActionFormWrapper/MachineActionFormWrapper.stories.tsx b/...nes/components/MachineForms/MachineActionFormWrapper/MachineActionFormWrapper.stories.tsx
@@ -3,6 +3,7 @@ import type { Meta } from "@storybook/react";
 import { MachineActionForm } from "./MachineActionFormWrapper";
 
 import { ACTION_STATUS } from "app/base/constants";
+import ErrorDetails from "app/machines/components/ErrorDetails";
 import { NodeActions } from "app/store/types/node";
 
 const meta: Meta<typeof MachineActionForm> = {
@@ -56,11 +57,15 @@ export const MultipleMachinesError = {
     selectedMachines: { items: ["abc123", "def456"] },
     action: NodeActions.ABORT,
     actionStatus: ACTION_STATUS.error,
-    actionErrors: [
-      "There was an error",
-      "There was another error",
-      "There was a third error",
-    ],
+    actionErrors: (
+      <ErrorDetails
+        failedSystemIds={["abc123", "def456"]}
+        failureDetails={{
+          "There was an error": ["abc123"],
+          "There was another error": ["def456"],
+        }}
+      />
+    ),
     filter: {},
   },
 };