Remove tablet stories + add plot story

gradio-app · Jan 31, 2024 · e88429b · e88429b
1 parent 0091b50
commit e88429b
Show file tree

Hide file tree

Showing 8 changed files with 42 additions and 6 deletions.
diff --git a/js/audio/Audio.stories.svelte b/js/audio/Audio.stories.svelte
@@ -10,7 +10,6 @@
 			chromatic: {
 				modes: {
 					desktop: allModes["desktop"],
-					tablet: allModes["tablet"],
 					mobile: allModes["mobile"]
 				}
 			}

diff --git a/js/chatbot/Chatbot.stories.svelte b/js/chatbot/Chatbot.stories.svelte
@@ -10,7 +10,6 @@
 			chromatic: {
 				modes: {
 					desktop: allModes["desktop"],
-					tablet: allModes["tablet"],
 					mobile: allModes["mobile"]
 				}
 			}

diff --git a/js/gallery/Gallery.stories.svelte b/js/gallery/Gallery.stories.svelte
@@ -66,7 +66,6 @@
 			chromatic: {
 				modes: {
 					desktop: allModes["desktop"],
-					tablet: allModes["tablet"],
 					mobile: allModes["mobile"]
 				}
 			}

diff --git a/js/image/Image.stories.svelte b/js/image/Image.stories.svelte
@@ -11,7 +11,6 @@
 			chromatic: {
 				modes: {
 					desktop: allModes["desktop"],
-					tablet: allModes["tablet"],
 					mobile: allModes["mobile"]
 				}
 			}

diff --git a/js/imageeditor/ImageEditor.stories.svelte b/js/imageeditor/ImageEditor.stories.svelte
@@ -13,7 +13,6 @@
 			chromatic: {
 				modes: {
 					desktop: allModes["desktop"],
-					tablet: allModes["tablet"],
 					mobile: allModes["mobile"]
 				}
 			}

diff --git a/js/plot/Plot.stories.svelte b/js/plot/Plot.stories.svelte
@@ -0,0 +1,38 @@
+<script context="module">
+	import { Template, Story } from "@storybook/addon-svelte-csf";
+	import PlotComponent from "./Index.svelte";
+	import { allModes } from "../storybook/modes";
+	import { test_plot } from "./testplot";
+
+	export const meta = {
+		title: "Components/Plot",
+		component: PlotComponent,
+		parameters: {
+			chromatic: {
+				modes: {
+					desktop: allModes["desktop"],
+					mobile: allModes["mobile"]
+				}
+			}
+		}
+	};
+</script>
+
+<Template let:args>
+	<PlotComponent value="Plot" {...args} />
+</Template>
+
+<Story
+	name="with value"
+	args={{
+		value: test_plot,
+		label: "Plot"
+	}}
+/>
+
+<Story
+	name="with no value"
+	args={{
+		label: "Plot"
+	}}
+/>
diff --git a/js/plot/testplot.js b/js/plot/testplot.js
diff --git a/js/video/Video.stories.svelte b/js/video/Video.stories.svelte
@@ -13,7 +13,6 @@
 			chromatic: {
 				modes: {
 					desktop: allModes["desktop"],
-					tablet: allModes["tablet"],
 					mobile: allModes["mobile"]
 				}
 			}