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

roomList.stories.tsx (3192B)

      1 import { Meta, StoryObj } from '@storybook/react';
      2 import RoomList from './roomList';
      3 import { withRouter } from 'storybook-addon-react-router-v6';
      4 import { OnlineState } from '../../app/sdk/api/otherEnums';
      5 
      6 const meta: Meta<typeof RoomList> = {
      7     title: 'Chat/RoomList',
      8     component: RoomList,
      9     decorators: [withRouter],
     10     argTypes: {
     11         sections: {
     12             required: true,
     13             defaultValue: [],
     14             name: "Sections",
     15             description: "The Sections available",
     16         },
     17         rooms: {
     18             required: true,
     19             defaultValue: [],
     20             name: "Rooms",
     21             description: "Rooms outside of any Sections",
     22         },
     23         dmRooms: {
     24             required: true,
     25             defaultValue: [],
     26             name: "DMs",
     27             description: "Rooms which are dms",
     28         },
     29     }
     30 };
     31 
     32 export default meta;
     33 type Story = StoryObj<typeof RoomList>;
     34 
     35 export const RootList: Story = {
     36     args: {
     37         rooms: [
     38             {
     39                 roomID: "1",
     40                 displayname: "test",
     41                 avatarUrl: "https://randomuser.me/api/portraits/men/62.jpg",
     42                 dm: true,
     43                 online: OnlineState.Online,
     44             },
     45             {
     46                 roomID: "2",
     47                 displayname: "test1",
     48                 dm: false,
     49                 online: OnlineState.Unknown,
     50             },
     51             {
     52                 roomID: "3",
     53                 displayname: "test2",
     54                 dm: false,
     55                 online: OnlineState.Unknown,
     56             }
     57         ],
     58         sections: [
     59             {
     60                 sectionName: "Test Section",
     61                 rooms: [
     62                     {
     63                         roomID: "2",
     64                         displayname: "test1",
     65                         dm: false,
     66                         online: OnlineState.Unknown,
     67                     },
     68                     {
     69                         roomID: "3",
     70                         displayname: "test2",
     71                         dm: false,
     72                         online: OnlineState.Unknown,
     73                     }
     74                 ],
     75                 roomID: "12",
     76                 subsections: [
     77                     {
     78                         sectionName: "Test Subsection",
     79                         rooms: [
     80                             {
     81                                 roomID: "1",
     82                                 displayname: "test",
     83                                 avatarUrl: "https://randomuser.me/api/portraits/men/62.jpg",
     84                                 dm: false,
     85                                 online: OnlineState.Online,
     86                             }
     87                         ],
     88                         roomID: "14",
     89                         subsections: []
     90                     }
     91                 ]
     92             }
     93         ],
     94         dmRooms: [
     95             {
     96                 roomID: "2",
     97                 displayname: "test1",
     98                 dm: false,
     99                 online: OnlineState.Unknown,
    100             },
    101             {
    102                 roomID: "3",
    103                 displayname: "test2",
    104                 dm: false,
    105                 online: OnlineState.Unknown,
    106             }
    107         ]
    108     }
    109 };