docs: refactor stories (#98)

* docs: refactor stories * test: update visual test snapshots
hkfb · Nov 2, 2024 · 39ddde4 · 39ddde4
1 parent d4bfc7e
commit 39ddde4
Show file tree

Hide file tree

Showing 4 changed files with 24 additions and 5 deletions.
diff --git a/.../focus-gpx-map--focus-gpx-map-default.png → ...s__/components-focus-gpx-map--default.png b/.../focus-gpx-map--focus-gpx-map-default.png → ...s__/components-focus-gpx-map--default.png
diff --git a/..._/focus-gpx-map--focus-gpx-map-select.png → ...s-focus-gpx-map--focus-gpx-map-select.png b/..._/focus-gpx-map--focus-gpx-map-select.png → ...s-focus-gpx-map--focus-gpx-map-select.png
diff --git a/src/components/focus-gpx-map.stories.tsx b/src/components/focus-gpx-map.stories.tsx
@@ -1,13 +1,24 @@
 import * as React from "react";
 import { FocusGpxMap } from "./focus-gpx-map";
+import type { Meta, StoryObj } from "@storybook/react";
 
-export default {
-    title: "Focus GPX Map",
+type Story = StoryObj<typeof FocusGpxMap>;
+
+const meta: Meta<typeof FocusGpxMap> = {
+    tags: ["autodocs"],
+    component: FocusGpxMap,
+    parameters: {
+        docs: {
+            story: {
+                height: "400px",
+            },
+        },
+    },
 };
 
-export function FocusGpxMapDefault() {
-    return <FocusGpxMap></FocusGpxMap>;
-}
+export default meta;
+
+export const Default: Story = {};
 
 export function FocusGpxMapSelect({ gpxUrl }: { gpxUrl: string }) {
     return <FocusGpxMap gpx={gpxUrl}></FocusGpxMap>;

diff --git a/src/layers/gpx-layer.stories.tsx b/src/layers/gpx-layer.stories.tsx
@@ -10,6 +10,14 @@ import type { StoryObj } from "@storybook/react";
 
 export default {
     title: "Layers / GPX Layer",
+    tags: ["autodocs"],
+    parameters: {
+        docs: {
+            story: {
+                height: "600px",
+            },
+        },
+    },
 };
 
 const gpxFile = "Jotunheimen_rundt.gpx";