Something went wrong. Try again.
Monorepo for Tangled
Something went wrong. Try again.
Svelte
12345678910111213141516171819202122232425262728293031323334353637383940414243444546<script module lang="ts"> import { defineMeta } from "@storybook/addon-svelte-csf"; import { feed, trending } from "$fixtures/timeline"; import TimelineView from "$lib/components/timeline/TimelineView.svelte";
const { Story } = defineMeta({ title: "Timeline/TimelineView", component: TimelineView, tags: ["autodocs"], // the rails are full-height and sticky, so the view wants the whole canvas parameters: { layout: "fullscreen", auth: true }, args: { feed, trending, followingOnly: false, signedIn: true, basePath: "/timeline" } });</script>
<!-- the /timeline route: global feed, both rails, toggle on show --><Story name="Global" />
<Story name="Following" args={{ followingOnly: true }} />
<!-- signed out drops the toggle, and the inbox rail asks you to log in --><Story name="Signed out" args={{ signedIn: false }} parameters={{ auth: false }} />
<!-- the homescreen at /, where the toggle has to stay on the root route --><Story name="Homescreen" args={{ basePath: "/" }} />
<Story name="Empty" args={{ feed: [], trending: [] }} />
<!-- nobody you follow has been busy, but trending still has something to say --><Story name="Following empty" args={{ followingOnly: true, feed: [] }} />
<!-- loading state with pending feed and trending skeletons --><Story name="Loading" args={{ feed: new Promise(() => {}), trending: new Promise(() => {}) }}/>