Skip to content

Commit 3c4fd78

Browse files
moonddamoondda
committed
eslint single quote
1 parent 1c5498b commit 3c4fd78

File tree

1 file changed

+79
-79
lines changed
  • apps/landing/src/app/(detail)/components/overview

1 file changed

+79
-79
lines changed

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

Lines changed: 79 additions & 79 deletions
Original file line numberDiff line numberDiff line change
@@ -1,77 +1,77 @@
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';
3+
import Description from './Description.mdx';
44

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

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

1010
export default function Page() {
1111
return (
12-
<VStack gap="16px">
13-
<Text color="$primary" typography="captionBold">
12+
<VStack gap='16px'>
13+
<Text color='$primary' typography='captionBold'>
1414
Overview
1515
</Text>
16-
<Text color="$title" typography="h4">
16+
<Text color='$title' typography='h4'>
1717
Devup UI Components
1818
</Text>
19-
<Text color="$text" typography="bodyReg">
19+
<Text color='$text' typography='bodyReg'>
2020
<Description />
2121
</Text>
22-
<Text color="$title" typography="h4" pt="30px">
22+
<Text color='$title' typography='h4' pt='30px'>
2323
Examples
2424
</Text>
25-
<VStack gap="16px" overflow="visible" pb="30px">
26-
<Text color="$title" typography="h6">
25+
<VStack gap='16px' overflow='visible' pb='30px'>
26+
<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`
45+
.join('')}Comp`
4646
];
4747
return (
4848
<Link
4949
key={component}
50-
className={css({ textDecoration: "none" })}
50+
className={css({ textDecoration: 'none' })}
5151
href={`/components/${component}`}
5252
>
5353
<Card>
54-
<Center h="140px">
55-
<Icon className={css({ w: "100%" })} />
54+
<Center h='140px'>
55+
<Icon className={css({ w: '100%' })} />
5656
</Center>
5757
<Flex
58-
alignItems="center"
59-
borderTop="1px solid $border"
60-
gap="10px"
61-
px="16px"
62-
py="12px"
58+
alignItems='center'
59+
borderTop='1px solid $border'
60+
gap='10px'
61+
px='16px'
62+
py='12px'
6363
>
6464
<Text
65-
color="$text"
66-
textAlign="right"
67-
typography="buttonSmid"
65+
color='$text'
66+
textAlign='right'
67+
typography='buttonSmid'
6868
>
6969
{component
70-
.split("-")
70+
.split('-')
7171
.map(
7272
(item) => item.charAt(0).toUpperCase() + item.slice(1)
7373
)
74-
.join(" ")}
74+
.join(' ')}
7575
</Text>
7676
</Flex>
7777
</Card>
@@ -80,57 +80,57 @@ export default function Page() {
8080
})}
8181
</Grid>
8282
</VStack>
83-
<VStack gap="16px" overflow="visible" py="30px">
84-
<Text color="$title" typography="h6">
83+
<VStack gap='16px' overflow='visible' py='30px'>
84+
<Text color='$title' typography='h6'>
8585
Layout
8686
</Text>
8787
<Grid
88-
gap={["10px", null, null, null, "20px"]}
88+
gap={['10px', null, null, null, '20px']}
8989
gridTemplateColumns={[
90-
"repeat(1, 1fr)",
91-
"repeat(3, 1fr)",
90+
'repeat(1, 1fr)',
91+
'repeat(3, 1fr)',
9292
null,
93-
"repeat(4, 1fr)",
94-
"repeat(5, 1fr)",
93+
'repeat(4, 1fr)',
94+
'repeat(5, 1fr)',
9595
]}
96-
overflow="visible"
96+
overflow='visible'
9797
>
9898
{COMPONENT_GROUPS.Layout.map((component) => {
9999
const Icon =
100100
Icons[
101101
`Icon${component
102-
.split("-")
102+
.split('-')
103103
.map((item) => item.charAt(0).toUpperCase() + item.slice(1))
104-
.join("")}Comp`
104+
.join('')}Comp`
105105
];
106106
return (
107107
<Link
108108
key={component}
109-
className={css({ textDecoration: "none" })}
109+
className={css({ textDecoration: 'none' })}
110110
href={`/components/${component}`}
111111
>
112112
<Card>
113-
<Center h="140px">
114-
<Icon className={css({ w: "100%" })} />
113+
<Center h='140px'>
114+
<Icon className={css({ w: '100%' })} />
115115
</Center>
116116
<Flex
117-
alignItems="center"
118-
borderTop="1px solid $border"
119-
gap="10px"
120-
px="16px"
121-
py="12px"
117+
alignItems='center'
118+
borderTop='1px solid $border'
119+
gap='10px'
120+
px='16px'
121+
py='12px'
122122
>
123123
<Text
124-
color="$text"
125-
textAlign="right"
126-
typography="buttonSmid"
124+
color='$text'
125+
textAlign='right'
126+
typography='buttonSmid'
127127
>
128128
{component
129-
.split("-")
129+
.split('-')
130130
.map(
131131
(item) => item.charAt(0).toUpperCase() + item.slice(1)
132132
)
133-
.join(" ")}
133+
.join(' ')}
134134
</Text>
135135
</Flex>
136136
</Card>
@@ -139,57 +139,57 @@ export default function Page() {
139139
})}
140140
</Grid>
141141
</VStack>
142-
<VStack gap="16px" overflow="visible" py="30px">
143-
<Text color="$title" typography="h6">
142+
<VStack gap='16px' overflow='visible' py='30px'>
143+
<Text color='$title' typography='h6'>
144144
Theme
145145
</Text>
146146
<Grid
147-
gap={["10px", null, null, null, "20px"]}
147+
gap={['10px', null, null, null, '20px']}
148148
gridTemplateColumns={[
149-
"repeat(1, 1fr)",
150-
"repeat(3, 1fr)",
149+
'repeat(1, 1fr)',
150+
'repeat(3, 1fr)',
151151
null,
152-
"repeat(4, 1fr)",
153-
"repeat(5, 1fr)",
152+
'repeat(4, 1fr)',
153+
'repeat(5, 1fr)',
154154
]}
155-
overflow="visible"
155+
overflow='visible'
156156
>
157157
{COMPONENT_GROUPS.Theme.map((component) => {
158158
const Icon =
159159
Icons[
160160
`Icon${component
161-
.split("-")
161+
.split('-')
162162
.map((item) => item.charAt(0).toUpperCase() + item.slice(1))
163-
.join("")}Comp`
163+
.join('')}Comp`
164164
];
165165
return (
166166
<Link
167167
key={component}
168-
className={css({ textDecoration: "none" })}
168+
className={css({ textDecoration: 'none' })}
169169
href={`/components/${component}`}
170170
>
171171
<Card>
172-
<Center h="140px">
173-
<Icon className={css({ w: "100%" })} />
172+
<Center h='140px'>
173+
<Icon className={css({ w: '100%' })} />
174174
</Center>
175175
<Flex
176-
alignItems="center"
177-
borderTop="1px solid $border"
178-
gap="10px"
179-
px="16px"
180-
py="12px"
176+
alignItems='center'
177+
borderTop='1px solid $border'
178+
gap='10px'
179+
px='16px'
180+
py='12px'
181181
>
182182
<Text
183-
color="$text"
184-
textAlign="right"
185-
typography="buttonSmid"
183+
color='$text'
184+
textAlign='right'
185+
typography='buttonSmid'
186186
>
187187
{component
188-
.split("-")
188+
.split('-')
189189
.map(
190190
(item) => item.charAt(0).toUpperCase() + item.slice(1)
191191
)
192-
.join(" ")}
192+
.join(' ')}
193193
</Text>
194194
</Flex>
195195
</Card>

0 commit comments

Comments
 (0)