alice.pds.demo.boltless.dev
This repository has no description
1<script module lang="ts">
2 import { defineMeta } from "@storybook/addon-svelte-csf";
3 import ReactionPicker from "./ReactionPicker.svelte";
4
5 const { Story } = defineMeta({
6 title: "Reaction/ReactionPicker",
7 component: ReactionPicker,
8 tags: ["autodocs"]
9 });
10
11 const subjectUri = "at://did:plc:example/sh.tangled.repo.issue/3kabc";
12</script>
13
14<Story name="Default" asChild>
15 <ReactionPicker {subjectUri} onreacted={(kind, rkey) => console.log("reacted", kind, rkey)} />
16</Story>
17
18<Story name="With existing reactions" asChild>
19 <ReactionPicker
20 {subjectUri}
21 reacted={new Map([
22 ["👍", "3karkey1"],
23 ["🎉", "3karkey2"]
24 ])}
25 />
26</Story>