Improve Reader and Player Stories

Add descriptions for `identifier` and `orderId` and make the fields editable.
danskernesdigitalebibliotek · Jan 7, 2025 · 6535e57 · 6535e57
1 parent f7cd0ef
commit 6535e57
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 10 deletions.
diff --git a/src/components/reader-player/Player.stories.tsx b/src/components/reader-player/Player.stories.tsx
@@ -1,4 +1,3 @@
-import React from "react";
 import type { Meta, StoryObj } from "@storybook/react";
 import Player from "./Player";
 
@@ -7,10 +6,14 @@ const meta: Meta<typeof Player> = {
   component: Player,
   argTypes: {
     identifier: {
-      control: { type: "text" }
+      control: { type: "text" },
+      description:
+        "Publizon identifier for a material (Do not use both identifier and orderId)"
     },
     orderId: {
-      control: { type: "text" }
+      control: { type: "text" },
+      description:
+        "Place order id for a allready ordered material (Do not use both identifier and orderId)"
     }
   }
 };
@@ -20,10 +23,14 @@ export default meta;
 type Story = StoryObj<typeof Player>;
 
 export const WithIdentifier: Story = {
-  render: () => <Player identifier="9788702366600" />
+  args: {
+    identifier: "9788702366600"
+  }
 };
 
 // Works only if the matrial is reserved
 export const WithOrderId: Story = {
-  render: () => <Player orderId="" />
+  args: {
+    orderId: ""
+  }
 };
diff --git a/src/components/reader-player/Reader.stories.tsx b/src/components/reader-player/Reader.stories.tsx
@@ -1,4 +1,3 @@
-import React from "react";
 import type { Meta, StoryObj } from "@storybook/react";
 import Reader from "./Reader";
 
@@ -7,10 +6,14 @@ const meta: Meta<typeof Reader> = {
   component: Reader,
   argTypes: {
     identifier: {
-      control: { type: "text" }
+      control: { type: "text" },
+      description:
+        "Publizon identifier for a material (Do not use both identifier and orderid)"
     },
     orderid: {
-      control: { type: "text" }
+      control: { type: "text" },
+      description:
+        "Place order id for a allready ordered material (Do not use both identifier and orderid)"
     }
   }
 };
@@ -20,10 +23,14 @@ export default meta;
 type Story = StoryObj<typeof Reader>;
 
 export const WithIdentifier: Story = {
-  render: () => <Reader identifier="9788793681095" />
+  args: {
+    identifier: "9788793681095"
+  }
 };
 
 // Works only if the matrial is reserved
 export const WithOrderId: Story = {
-  render: () => <Reader orderid="97cb3a6f-e23b-41ad-97ca-e939541feba7" />
+  args: {
+    orderid: ""
+  }
 };