improve web ui

web/src/stories/Dashboard.stories.tsx

@@ -1,28 +1,25 @@
-import type { Meta, StoryObj } from '@storybook/react-vite'
-import { Dashboard } from '@/routes/index'
-import { MockApi } from './lib/mock-api'
-import { statusActive, statusIdle } from './lib/fixtures'
+import type { Meta, StoryObj } from "@storybook/react-vite";
+import { DashboardView } from "@/sections/Dashboard/view";
+import { statusActive, statusIdle } from "./lib/fixtures";
 
 const meta = {
-  title: 'Pages/Dashboard',
-  component: Dashboard,
-} satisfies Meta<typeof Dashboard>
+	title: "Pages/Dashboard",
+	component: DashboardView,
+	args: {
+		onStopSession: () => {},
+		onRequestIdr: () => {},
+		isStopping: false,
+		isRequestingIdr: false,
+	},
+} satisfies Meta<typeof DashboardView>;
 
-export default meta
-type Story = StoryObj<typeof meta>
+export default meta;
+type Story = StoryObj<typeof meta>;
 
 export const ActiveSession: Story = {
-  render: () => (
-    <MockApi routes={{ '/api/v1/status': statusActive }}>
-      <Dashboard />
-    </MockApi>
-  ),
-}
+	args: { status: { data: statusActive, isLoading: false, error: null } },
+};
 
 export const Idle: Story = {
-  render: () => (
-    <MockApi routes={{ '/api/v1/status': statusIdle }}>
-      <Dashboard />
-    </MockApi>
-  ),
-}
+	args: { status: { data: statusIdle, isLoading: false, error: null } },
+};