Skip to content

Commit b4bb82b

Browse files
moonddamoondda
committed
fix : lint error
1 parent a3190fd commit b4bb82b

File tree

2 files changed

+54
-51
lines changed

2 files changed

+54
-51
lines changed

‎apps/landing/src/app/(detail)/components/overview/Description.mdx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
If you want to use Devup UI Components, you need to **install** it.
22

3-
```typescript
3+
```bash
44
npm install @devup-ui/components
55
// or
66
yarn add @devup-ui/components

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

Lines changed: 53 additions & 50 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,11 @@
1-
import { Center, css, Flex, Grid, Text, VStack } from "@devup-ui/react";
2-
import Link from "next/link";
3-
import Description from "./Description.mdx";
1+
import { Center, css, Flex, Grid, Text, VStack } from '@devup-ui/react'
2+
import Link from 'next/link'
43

5-
import { Icons } from "@/components/icons/components";
6-
import { COMPONENT_GROUPS } from "@/constants";
4+
import { Icons } from '@/components/icons/components'
5+
import { COMPONENT_GROUPS } from '@/constants'
76

8-
import Card from "../Card";
7+
import Card from '../Card'
8+
import Description from './Description.mdx'
99

1010
export default function Page() {
1111
return (
@@ -19,40 +19,40 @@ export default function Page() {
1919
<Text color="$text" typography="bodyReg">
2020
<Description />
2121
</Text>
22-
<Text color="$title" typography="h4" pt="30px">
22+
<Text color="$title" pt="30px" typography="h4">
2323
Examples
2424
</Text>
2525
<VStack gap="16px" overflow="visible" pb="30px">
2626
<Text color="$title" typography="h6">
2727
Form
2828
</Text>
2929
<Grid
30-
gap={["10px", null, null, null, "20px"]}
30+
gap={['10px', null, null, null, '20px']}
3131
gridTemplateColumns={[
32-
"repeat(1, 1fr)",
33-
"repeat(3, 1fr)",
32+
'repeat(1, 1fr)',
33+
'repeat(3, 1fr)',
3434
null,
35-
"repeat(4, 1fr)",
36-
"repeat(5, 1fr)",
35+
'repeat(4, 1fr)',
36+
'repeat(5, 1fr)',
3737
]}
3838
>
3939
{COMPONENT_GROUPS.Form.map((component) => {
4040
const Icon =
4141
Icons[
4242
`Icon${component
43-
.split("-")
43+
.split('-')
4444
.map((item) => item.charAt(0).toUpperCase() + item.slice(1))
45-
.join("")}Comp`
46-
];
45+
.join('')}Comp`
46+
]
4747
return (
4848
<Link
4949
key={component}
50-
className={css({ textDecoration: "none" })}
50+
className={css({ textDecoration: 'none' })}
5151
href={`/components/${component}`}
5252
>
5353
<Card>
5454
<Center h="140px">
55-
<Icon className={css({ w: "100%" })} />
55+
<Icon className={css({ w: '100%' })} />
5656
</Center>
5757
<Flex
5858
alignItems="center"
@@ -67,16 +67,17 @@ export default function Page() {
6767
typography="buttonSmid"
6868
>
6969
{component
70-
.split("-")
70+
.split('-')
7171
.map(
72-
(item) => item.charAt(0).toUpperCase() + item.slice(1)
72+
(item) =>
73+
item.charAt(0).toUpperCase() + item.slice(1),
7374
)
74-
.join(" ")}
75+
.join(' ')}
7576
</Text>
7677
</Flex>
7778
</Card>
7879
</Link>
79-
);
80+
)
8081
})}
8182
</Grid>
8283
</VStack>
@@ -85,33 +86,33 @@ export default function Page() {
8586
Layout
8687
</Text>
8788
<Grid
88-
gap={["10px", null, null, null, "20px"]}
89+
gap={['10px', null, null, null, '20px']}
8990
gridTemplateColumns={[
90-
"repeat(1, 1fr)",
91-
"repeat(3, 1fr)",
91+
'repeat(1, 1fr)',
92+
'repeat(3, 1fr)',
9293
null,
93-
"repeat(4, 1fr)",
94-
"repeat(5, 1fr)",
94+
'repeat(4, 1fr)',
95+
'repeat(5, 1fr)',
9596
]}
9697
overflow="visible"
9798
>
9899
{COMPONENT_GROUPS.Layout.map((component) => {
99100
const Icon =
100101
Icons[
101102
`Icon${component
102-
.split("-")
103+
.split('-')
103104
.map((item) => item.charAt(0).toUpperCase() + item.slice(1))
104-
.join("")}Comp`
105-
];
105+
.join('')}Comp`
106+
]
106107
return (
107108
<Link
108109
key={component}
109-
className={css({ textDecoration: "none" })}
110+
className={css({ textDecoration: 'none' })}
110111
href={`/components/${component}`}
111112
>
112113
<Card>
113114
<Center h="140px">
114-
<Icon className={css({ w: "100%" })} />
115+
<Icon className={css({ w: '100%' })} />
115116
</Center>
116117
<Flex
117118
alignItems="center"
@@ -126,16 +127,17 @@ export default function Page() {
126127
typography="buttonSmid"
127128
>
128129
{component
129-
.split("-")
130+
.split('-')
130131
.map(
131-
(item) => item.charAt(0).toUpperCase() + item.slice(1)
132+
(item) =>
133+
item.charAt(0).toUpperCase() + item.slice(1),
132134
)
133-
.join(" ")}
135+
.join(' ')}
134136
</Text>
135137
</Flex>
136138
</Card>
137139
</Link>
138-
);
140+
)
139141
})}
140142
</Grid>
141143
</VStack>
@@ -144,33 +146,33 @@ export default function Page() {
144146
Theme
145147
</Text>
146148
<Grid
147-
gap={["10px", null, null, null, "20px"]}
149+
gap={['10px', null, null, null, '20px']}
148150
gridTemplateColumns={[
149-
"repeat(1, 1fr)",
150-
"repeat(3, 1fr)",
151+
'repeat(1, 1fr)',
152+
'repeat(3, 1fr)',
151153
null,
152-
"repeat(4, 1fr)",
153-
"repeat(5, 1fr)",
154+
'repeat(4, 1fr)',
155+
'repeat(5, 1fr)',
154156
]}
155157
overflow="visible"
156158
>
157159
{COMPONENT_GROUPS.Theme.map((component) => {
158160
const Icon =
159161
Icons[
160162
`Icon${component
161-
.split("-")
163+
.split('-')
162164
.map((item) => item.charAt(0).toUpperCase() + item.slice(1))
163-
.join("")}Comp`
164-
];
165+
.join('')}Comp`
166+
]
165167
return (
166168
<Link
167169
key={component}
168-
className={css({ textDecoration: "none" })}
170+
className={css({ textDecoration: 'none' })}
169171
href={`/components/${component}`}
170172
>
171173
<Card>
172174
<Center h="140px">
173-
<Icon className={css({ w: "100%" })} />
175+
<Icon className={css({ w: '100%' })} />
174176
</Center>
175177
<Flex
176178
alignItems="center"
@@ -185,19 +187,20 @@ export default function Page() {
185187
typography="buttonSmid"
186188
>
187189
{component
188-
.split("-")
190+
.split('-')
189191
.map(
190-
(item) => item.charAt(0).toUpperCase() + item.slice(1)
192+
(item) =>
193+
item.charAt(0).toUpperCase() + item.slice(1),
191194
)
192-
.join(" ")}
195+
.join(' ')}
193196
</Text>
194197
</Flex>
195198
</Card>
196199
</Link>
197-
);
200+
)
198201
})}
199202
</Grid>
200203
</VStack>
201204
</VStack>
202-
);
205+
)
203206
}

0 commit comments

Comments
 (0)