cetirizine

An experimental matrix client written in reactjs utilizing tailwind and storybook
git clone git://archive.git.mtrnord.blog/MTRNord/cetirizine.git
Log | Files | Refs | README | LICENSE

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 };