Skip to content

Commit 6e07e73

Browse files
forestreamforestream
committed
Add storybook link & fix routes
1 parent 96870e7 commit 6e07e73

File tree

3 files changed

+84
-30
lines changed

3 files changed

+84
-30
lines changed

‎apps/landing/src/app/(detail)/components/LeftMenu.tsx‎

Lines changed: 26 additions & 28 deletions
Original file line numberDiff line numberDiff line change
@@ -8,45 +8,43 @@ export function LeftMenu() {
88
<MenuItem to="/components/overview">Overview</MenuItem>
99
<MenuItem
1010
subMenu={[
11-
{ to: '/components/form/button', children: 'Button' },
12-
{ to: '/components/form/text-box', children: 'Text box' },
13-
{ to: '/components/form/text-area', children: 'Text area' },
14-
{ to: '/components/form/dropdown', children: 'Dropdown' },
15-
{ to: '/components/form/radio', children: 'Radio' },
16-
{ to: '/components/form/checkbox', children: 'Checkbox' },
17-
{ to: '/components/form/stepper', children: 'Stepper' },
18-
{ to: '/components/form/toggle', children: 'Toggle' },
19-
{ to: '/components/form/slider', children: 'Slider' },
20-
{ to: '/components/form/date-picker', children: 'Date picker' },
21-
{ to: '/components/form/color-picker', children: 'Color picker' },
22-
{ to: '/components/form/uploader', children: 'Uploader' },
23-
{ to: '/components/form/pagination', children: 'Pagination' },
24-
{ to: '/components/form/progress-bar', children: 'Progress Bar' },
25-
{ to: '/components/form/search', children: 'Search' },
26-
{ to: '/components/form/select', children: 'Select' },
27-
{ to: '/components/form/label', children: 'Label' },
11+
{ to: '/components/button', children: 'Button' },
12+
{ to: '/components/text-box', children: 'Text box' },
13+
{ to: '/components/text-area', children: 'Text area' },
14+
{ to: '/components/dropdown', children: 'Dropdown' },
15+
{ to: '/components/radio', children: 'Radio' },
16+
{ to: '/components/checkbox', children: 'Checkbox' },
17+
{ to: '/components/stepper', children: 'Stepper' },
18+
{ to: '/components/toggle', children: 'Toggle' },
19+
{ to: '/components/slider', children: 'Slider' },
20+
{ to: '/components/date-picker', children: 'Date picker' },
21+
{ to: '/components/color-picker', children: 'Color picker' },
22+
{ to: '/components/uploader', children: 'Uploader' },
23+
{ to: '/components/pagination', children: 'Pagination' },
24+
{ to: '/components/progress-bar', children: 'Progress Bar' },
25+
{ to: '/components/search', children: 'Search' },
26+
{ to: '/components/select', children: 'Select' },
27+
{ to: '/components/label', children: 'Label' },
2828
]}
2929
>
3030
Form
3131
</MenuItem>
3232
<MenuItem
3333
subMenu={[
34-
{ to: '/components/layout/footer', children: 'Footer' },
35-
{ to: '/components/layout/tooltip', children: 'Tooltip' },
36-
{ to: '/components/layout/tab', children: 'Tab' },
37-
{ to: '/components/layout/menu', children: 'Menu' },
38-
{ to: '/components/layout/header', children: 'Header' },
39-
{ to: '/components/layout/confirm', children: 'Confirm' },
40-
{ to: '/components/layout/snackbar', children: 'Snackbar' },
41-
{ to: '/components/layout/bottom-sheet', children: 'Bottom sheet' },
34+
{ to: '/components/footer', children: 'Footer' },
35+
{ to: '/components/tooltip', children: 'Tooltip' },
36+
{ to: '/components/tab', children: 'Tab' },
37+
{ to: '/components/menu', children: 'Menu' },
38+
{ to: '/components/header', children: 'Header' },
39+
{ to: '/components/confirm', children: 'Confirm' },
40+
{ to: '/components/snackbar', children: 'Snackbar' },
41+
{ to: '/components/bottom-sheet', children: 'Bottom sheet' },
4242
]}
4343
>
4444
Layout
4545
</MenuItem>
4646
<MenuItem
47-
subMenu={[
48-
{ to: '/components/theme/theme-button', children: 'Theme Button' },
49-
]}
47+
subMenu={[{ to: '/components/theme-button', children: 'Theme Button' }]}
5048
>
5149
Theme
5250
</MenuItem>

‎apps/landing/src/components/Header/MobMenu.tsx‎

Lines changed: 28 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,8 @@
11
import { Box, css, Flex, Text } from '@devup-ui/react'
22
import Link from 'next/link'
33

4-
import { LeftMenu } from '../../app/(detail)/docs/LeftMenu'
4+
import { LeftMenu as LeftMenuComponents } from '../../app/(detail)/components/LeftMenu'
5+
import { LeftMenu as LeftMenuDocs } from '../../app/(detail)/docs/LeftMenu'
56
import { HeaderInput } from './HeaderInput'
67
import { HeaderInputWrap } from './HeaderInputWrap'
78
import { MobMenuWrap } from './MobMenuWrap'
@@ -27,7 +28,20 @@ export function MobMenu() {
2728
</Text>
2829
</Flex>
2930
</Link>
30-
<LeftMenu />
31+
<LeftMenuDocs />
32+
<Link
33+
className={css({
34+
textDecoration: 'none',
35+
})}
36+
href="/components/overview"
37+
>
38+
<Flex alignItems="center" py="10px">
39+
<Text color="$title" textAlign="right" typography="buttonM">
40+
Components
41+
</Text>
42+
</Flex>
43+
</Link>
44+
<LeftMenuComponents />
3145
<Link
3246
className={css({
3347
textDecoration: 'none',
@@ -40,6 +54,18 @@ export function MobMenu() {
4054
</Text>
4155
</Flex>
4256
</Link>
57+
<Link
58+
className={css({
59+
textDecoration: 'none',
60+
})}
61+
href="/storybook/index.html"
62+
>
63+
<Flex alignItems="center" py="10px">
64+
<Text color="$title" textAlign="right" typography="buttonM">
65+
Storybook
66+
</Text>
67+
</Flex>
68+
</Link>
4369
<Box h="100px" />
4470
</Box>
4571
</MobMenuWrap>

‎apps/landing/src/components/Header/index.tsx‎

Lines changed: 30 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -113,6 +113,36 @@ export function Header() {
113113
<Menu keyword="team">Team</Menu>
114114
</Link>
115115
</Flex>
116+
<Flex alignItems="center" px="24px">
117+
<Link
118+
className={css({
119+
textDecoration: 'none',
120+
display: 'flex',
121+
gap: '4px',
122+
alignItems: 'center',
123+
})}
124+
href="/storybook/index.html"
125+
role="group"
126+
>
127+
<Menu keyword="team">Storybook</Menu>
128+
<Box
129+
_groupActive={{
130+
opacity: '1',
131+
bg: '$primary',
132+
}}
133+
_groupHover={{
134+
opacity: '1',
135+
}}
136+
bg="$text"
137+
boxSize="24px"
138+
maskImage="url(/outlink.svg)"
139+
maskPosition="center"
140+
maskRepeat="no-repeat"
141+
maskSize="contain"
142+
opacity="0.6"
143+
/>
144+
</Link>
145+
</Flex>
116146
<HeaderInputWrap>
117147
<HeaderInput readOnly />
118148
</HeaderInputWrap>

0 commit comments

Comments
 (0)