-
-
Notifications
You must be signed in to change notification settings - Fork 4
/
index.stories.tsx
51 lines (44 loc) · 1.15 KB
/
index.stories.tsx
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
import { type Meta, type StoryObj } from '@storybook/react'
import { trpc as api } from '~ui/lib/trpcClient'
import { component } from '~ui/mockData/component'
import { LocationBasedAlertBanner } from './index'
const RenderWrapper = ({ lat, lon }: { lat: number; lon: number }) => {
const { data } = api.component.LocationBasedAlertBanner.useQuery({ lat, lon })
const item = data?.at(0)
if (!item) return 'No data returned by mock API...'
const { id, ...props } = item
return (
<div style={{ marginTop: '4rem' }}>
<LocationBasedAlertBanner key={id} {...props} />
</div>
)
}
export default {
title: 'Design System/Location Based Alert Banner',
component: RenderWrapper,
parameters: {
msw: [component.LocationBasedAlertBanner],
layout: 'fullscreen',
},
} satisfies Meta<typeof RenderWrapper>
type StoryDef = StoryObj<typeof RenderWrapper>
export const Statewide = {
args: {
// i18nKey: 'alerts.search-page-legislative-map',
// ns: 'common',
lat: 1,
lon: 1,
},
} satisfies StoryDef
export const CountyLevel = {
args: {
lat: 2,
lon: 2,
},
} satisfies StoryDef
export const Nationwide = {
args: {
lat: 3,
lon: 3,
},
} satisfies StoryDef