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

messageEvent.stories.tsx (3439B)

      1 import { Meta, StoryObj } from '@storybook/react';
      2 import MessageEvent from './messageEvent';
      3 
      4 const meta: Meta<typeof MessageEvent> = {
      5     title: 'Chat/Events/MessageEvents',
      6     component: MessageEvent,
      7     decorators: [
      8         (Story) => {
      9             import('../../mocks/browser').then((module) => {
     10                 module.worker.start();
     11             });
     12             return <Story />
     13         }
     14     ]
     15 };
     16 
     17 export default meta;
     18 type Story = StoryObj<typeof MessageEvent>;
     19 
     20 export const TextEvent: Story = {
     21     args: {
     22         event: {
     23             content: {
     24                 body: "._.",
     25                 msgtype: "m.text"
     26             },
     27             origin_server_ts: 1683125956695,
     28             sender: "@example:example.org",
     29             type: "m.room.message",
     30             unsigned: {},
     31             event_id: "$143273582443PhrSn:example.org",
     32             room_id: "!jEsUZKDJdhlrceRyVU:example.org"
     33         }
     34     }
     35 };
     36 
     37 export const FormattedEvent: Story = {
     38     args: {
     39         event: {
     40             content: {
     41                 body: "I think it's mostly a matter of doing the right `padding-block` in `.content`",
     42                 format: "org.matrix.custom.html",
     43                 formatted_body: "I think it's mostly a matter of doing the right <code>padding-block</code> in <code>.content</code>",
     44                 msgtype: "m.text"
     45             },
     46             origin_server_ts: 1683125956695,
     47             sender: "@example:example.org",
     48             type: "m.room.message",
     49             unsigned: {},
     50             event_id: "$143273582443PhrSn:example.org",
     51             room_id: "!jEsUZKDJdhlrceRyVU:example.org"
     52         }
     53     }
     54 };
     55 
     56 export const ImageEvent: Story = {
     57     args: {
     58         event: {
     59             content: {
     60                 body: "image.png",
     61                 info: {
     62                     h: 680,
     63                     mimetype: "image/png",
     64                     size: 252133,
     65                     thumbnail_info: {
     66                         h: 600,
     67                         mimetype: "image/png",
     68                         size: 223185,
     69                         w: 600
     70                     },
     71                     thumbnail_url: "mxc://midnightthoughts.space/9824fd09c998f8304935bf78c047146332fea9f7",
     72                     w: 680,
     73                     "xyz.amorgan.blurhash": "UaQ]+tElbcs,NFR*bIj@_4$ejYWXxas:n$oL"
     74                 },
     75                 msgtype: "m.image",
     76                 url: "mxc://midnightthoughts.space/59ced67d3dfbcc5c129c3e12d3083bf5652f6ff5"
     77             },
     78             origin_server_ts: 1683125956695,
     79             sender: "@example:example.org",
     80             type: "m.room.message",
     81             unsigned: {},
     82             event_id: "$143273582443PhrSn:example.org",
     83             room_id: "!jEsUZKDJdhlrceRyVU:example.org"
     84         }
     85     }
     86 };
     87 
     88 export const AudioEvent: Story = {
     89     args: {
     90         event: {
     91             content: {
     92                 body: "mixaund-bright-future.mp3",
     93                 info: {
     94                     mimetype: "audio/mpeg",
     95                     size: 9329941
     96                 },
     97                 msgtype: "m.audio",
     98                 url: "mxc://midnightthoughts.space/4ffaba6ebc3d29165b4549ef47bbc07b6468aab8"
     99             },
    100             origin_server_ts: 1683125956695,
    101             sender: "@example:example.org",
    102             type: "m.room.message",
    103             unsigned: {},
    104             event_id: "$143273582443PhrSn:example.org",
    105             room_id: "!jEsUZKDJdhlrceRyVU:example.org"
    106         }
    107     }
    108 };