memberEvent.stories.tsx (3608B)
1 import { Meta, StoryObj } from '@storybook/react'; 2 import MemberEvent from './memberEvent'; 3 4 const meta: Meta<typeof MemberEvent> = { 5 title: 'Chat/Events/MembershipEvents', 6 component: MemberEvent, 7 }; 8 9 export default meta; 10 type Story = StoryObj<typeof MemberEvent>; 11 12 export const JoinEvent: Story = { 13 args: { 14 event: { 15 content: { 16 avatar_url: "mxc://example.org/SEsfnsuifSDFSSEF", 17 displayname: "Alice Margatroid", 18 membership: "join", 19 reason: "Looking for support" 20 }, 21 event_id: "$143273582443PhrSn:example.org", 22 origin_server_ts: 1432735824653, 23 room_id: "!jEsUZKDJdhlrceRyVU:example.org", 24 sender: "@example:example.org", 25 state_key: "@alice:example.org", 26 type: "m.room.member", 27 unsigned: { 28 "age": 1234 29 } 30 } 31 32 } 33 }; 34 35 export const LeaveEvent: Story = { 36 args: { 37 event: { 38 content: { 39 avatar_url: "mxc://example.org/SEsfnsuifSDFSSEF", 40 displayname: "Alice Margatroid", 41 membership: "leave", 42 reason: "Looking for support" 43 }, 44 event_id: "$143273582443PhrSn:example.org", 45 origin_server_ts: 1432735824653, 46 room_id: "!jEsUZKDJdhlrceRyVU:example.org", 47 sender: "@example:example.org", 48 state_key: "@alice:example.org", 49 type: "m.room.member", 50 unsigned: { 51 "age": 1234 52 } 53 } 54 55 } 56 }; 57 58 export const InviteEvent: Story = { 59 args: { 60 event: { 61 content: { 62 avatar_url: "mxc://example.org/SEsfnsuifSDFSSEF", 63 displayname: "Alice Margatroid", 64 membership: "invite", 65 reason: "Looking for support" 66 }, 67 event_id: "$143273582443PhrSn:example.org", 68 origin_server_ts: 1432735824653, 69 room_id: "!jEsUZKDJdhlrceRyVU:example.org", 70 sender: "@example:example.org", 71 state_key: "@alice:example.org", 72 type: "m.room.member", 73 unsigned: { 74 "age": 1234 75 } 76 } 77 78 } 79 }; 80 81 export const KnockEvent: Story = { 82 args: { 83 event: { 84 content: { 85 avatar_url: "mxc://example.org/SEsfnsuifSDFSSEF", 86 displayname: "Alice Margatroid", 87 membership: "knock", 88 reason: "Looking for support" 89 }, 90 event_id: "$143273582443PhrSn:example.org", 91 origin_server_ts: 1432735824653, 92 room_id: "!jEsUZKDJdhlrceRyVU:example.org", 93 sender: "@example:example.org", 94 state_key: "@alice:example.org", 95 type: "m.room.member", 96 unsigned: { 97 "age": 1234 98 } 99 } 100 101 } 102 }; 103 104 export const BanEvent: Story = { 105 args: { 106 event: { 107 content: { 108 avatar_url: "mxc://example.org/SEsfnsuifSDFSSEF", 109 displayname: "Alice Margatroid", 110 membership: "ban", 111 reason: "Looking for support" 112 }, 113 event_id: "$143273582443PhrSn:example.org", 114 origin_server_ts: 1432735824653, 115 room_id: "!jEsUZKDJdhlrceRyVU:example.org", 116 sender: "@example:example.org", 117 state_key: "@alice:example.org", 118 type: "m.room.member", 119 unsigned: { 120 "age": 1234 121 } 122 } 123 124 } 125 };