Skip to content

Commit 8ae6052

Browse files
kien-ngokien-ngo
committed
Remove Flex
1 parent 5b7f091 commit 8ae6052

File tree

29 files changed

+88
-96
lines changed

29 files changed

+88
-96
lines changed

‎apps/dashboard/src/components/engine/contract-subscription/engine-contract-subscription.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -36,7 +36,7 @@ export const EngineContractSubscriptions: React.FC<
3636
.
3737
</Text>
3838
</Flex>
39-
<Flex>
39+
<div className="flex flex-row">
4040
<FormControl display="flex" alignItems="center">
4141
<FormLabel htmlFor="auto-update" mb="0">
4242
Auto-Update
@@ -47,7 +47,7 @@ export const EngineContractSubscriptions: React.FC<
4747
id="auto-update"
4848
/>
4949
</FormControl>
50-
</Flex>
50+
</div>
5151
</Flex>
5252
<ContractSubscriptionTable
5353
instanceUrl={instanceUrl}

‎apps/dashboard/src/components/engine/overview/engine-overview.tsx‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -80,9 +80,9 @@ export const EngineOverview: React.FC<EngineOverviewProps> = ({
8080
<Flex flexDirection="row-reverse">
8181
<Flex alignItems="center" gap={2}>
8282
<Text>Show balance for</Text>
83-
<Flex>
83+
<div className="flex flex-row">
8484
<NetworkSelectorButton />
85-
</Flex>
85+
</div>
8686
</Flex>
8787
</Flex>
8888
</Flex>
@@ -104,7 +104,7 @@ export const EngineOverview: React.FC<EngineOverviewProps> = ({
104104
</Text>
105105
</Flex>
106106

107-
<Flex>
107+
<div className="flex flex-row">
108108
<FormControl display="flex" alignItems="center">
109109
<FormLabel htmlFor="auto-update" mb="0">
110110
Auto-Update
@@ -115,7 +115,7 @@ export const EngineOverview: React.FC<EngineOverviewProps> = ({
115115
id="auto-update"
116116
/>
117117
</FormControl>
118-
</Flex>
118+
</div>
119119
</Flex>
120120
<TransactionsTable
121121
transactions={transactionsQuery.data?.transactions ?? []}

‎apps/dashboard/src/components/engine/overview/transactions-table.tsx‎

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -480,15 +480,15 @@ const TransactionDetailsDrawer = ({
480480
{/* On-chain details */}
481481

482482
<FormControl>
483-
<Flex>
483+
<div className="flex flex-row">
484484
<FormLabel>Value</FormLabel>
485485
<Tooltip
486486
label={`The amount of ${symbol} sent to the "To" .`}
487487
shouldWrapChildren
488488
>
489489
<FiInfo />
490490
</Tooltip>
491-
</Flex>
491+
</div>
492492
<Text>
493493
{transaction.value
494494
? toTokens(BigInt(transaction.value), decimals)
@@ -527,45 +527,45 @@ const TransactionDetailsDrawer = ({
527527
<Stack spacing={4}>
528528
{transaction.nonce && (
529529
<FormControl>
530-
<Flex>
530+
<div className="flex flex-row">
531531
<FormLabel>Nonce</FormLabel>
532532
<Tooltip
533533
label="The nonce value this transaction was submitted to mempool."
534534
shouldWrapChildren
535535
>
536536
<FiInfo />
537537
</Tooltip>
538-
</Flex>
538+
</div>
539539
<Text>{transaction.nonce ?? "N/A"}</Text>
540540
</FormControl>
541541
)}
542542

543543
{transaction.gasLimit && (
544544
<FormControl>
545-
<Flex>
545+
<div className="flex flex-row">
546546
<FormLabel>Gas Units</FormLabel>
547547
<Tooltip
548548
label="The gas units spent for this transaction."
549549
shouldWrapChildren
550550
>
551551
<FiInfo />
552552
</Tooltip>
553-
</Flex>
553+
</div>
554554
<Text>{Number(transaction.gasLimit).toLocaleString()}</Text>
555555
</FormControl>
556556
)}
557557

558558
{transaction.gasPrice && (
559559
<FormControl>
560-
<Flex>
560+
<div className="flex flex-row">
561561
<FormLabel>Gas Price</FormLabel>
562562
<Tooltip
563563
label="The price in wei spent for each gas unit."
564564
shouldWrapChildren
565565
>
566566
<FiInfo />
567567
</Tooltip>
568-
</Flex>
568+
</div>
569569
<Text>{Number(transaction.gasPrice).toLocaleString()}</Text>
570570
</FormControl>
571571
)}

‎apps/dashboard/src/components/ipfs-upload/dropzone.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -377,7 +377,7 @@ const FileUpload: React.FC<FileUploadProps> = ({ files, updateFiles }) => {
377377
</Button>
378378
</Flex>
379379
)}
380-
<Flex direction="column">
380+
<div className="flex flex-col">
381381
<Divider flexShrink={0} />
382382
<Flex
383383
direction={{ base: "column-reverse", md: "row" }}
@@ -532,7 +532,7 @@ const FileUpload: React.FC<FileUploadProps> = ({ files, updateFiles }) => {
532532
)}
533533
</ButtonGroup>
534534
</Flex>
535-
</Flex>
535+
</div>
536536
</Flex>
537537
);
538538
};

‎apps/dashboard/src/components/onboarding/ApplyForOpCreditsForm.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -233,7 +233,7 @@ export const ApplyForOpCreditsForm: React.FC<ApplyForOpCreditsFormProps> = ({
233233
<FormHelperText>Minimum 150 characters recommended.</FormHelperText>
234234
</FormControl>
235235
</Flex>
236-
<Flex>
236+
<div className="flex flex-row">
237237
<Button
238238
w="full"
239239
type="submit"
@@ -242,7 +242,7 @@ export const ApplyForOpCreditsForm: React.FC<ApplyForOpCreditsFormProps> = ({
242242
>
243243
{form.formState.isSubmitting ? "Applying..." : "Apply now"}
244244
</Button>
245-
</Flex>
245+
</div>
246246
</Flex>
247247
);
248248
};

‎apps/dashboard/src/components/onboarding/PaymentForm.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -127,15 +127,15 @@ export const OnboardingPaymentForm: React.FC<OnboardingPaymentForm> = ({
127127
variant="left-accent"
128128
bg="inputBg"
129129
>
130-
<Flex>
130+
<div className="flex flex-row">
131131
<AlertIcon boxSize={4} mt={1} ml={1} />
132132
<Flex flexDir="column" gap={1} pl={1}>
133133
<AlertDescription as={Text} fontSize="body.md">
134134
A temporary hold will be placed and immediately released
135135
on your payment method.
136136
</AlertDescription>
137137
</Flex>
138-
</Flex>
138+
</div>
139139
</Alert>
140140
)}
141141

‎apps/dashboard/src/components/product-pages/common/ProductLearnMoreCard.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -27,7 +27,7 @@ export const ProductLearnMoreCard: React.FC<ProductLearnMoreCardProps> = ({
2727
}) => {
2828
return (
2929
<Flex direction="column" justify="space-between" align="flex-start" gap={4}>
30-
<Flex direction="column">
30+
<div className="flex flex-col">
3131
<Flex alignItems="center" gap={2}>
3232
<ChakraNextImage src={icon} placeholder="empty" alt="" w={8} />
3333
<Heading size="title.sm" as="h3">
@@ -37,7 +37,7 @@ export const ProductLearnMoreCard: React.FC<ProductLearnMoreCardProps> = ({
3737
<Text size="body.lg" mt="16px">
3838
{description}
3939
</Text>
40-
</Flex>
40+
</div>
4141
<TrackedLink
4242
width="auto"
4343
href={href}

‎apps/dashboard/src/components/product-pages/common/nav/HoverMenu.tsx‎

Lines changed: 3 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,4 @@
1-
import {
2-
Box,
3-
Fade,
4-
Flex,
5-
SimpleGrid,
6-
Stack,
7-
useDisclosure,
8-
} from "@chakra-ui/react";
1+
import { Box, Fade, SimpleGrid, Stack, useDisclosure } from "@chakra-ui/react";
92
import { useEffect, useRef, useState } from "react";
103
import { Card, Text } from "tw-components";
114
import { NavCard } from "./NavCard";
@@ -83,15 +76,15 @@ export const HoverMenu: React.FC<HoverMenuProps> = ({
8376
borderRadius="8px"
8477
width={width}
8578
>
86-
<Flex>
79+
<div className="flex flex-row">
8780
<Stack>
8881
<SimpleGrid columns={columns} gap={2}>
8982
{items.map((item) => (
9083
<NavCard key={item.label} {...item} />
9184
))}
9285
</SimpleGrid>
9386
</Stack>
94-
</Flex>
87+
</div>
9588
</Card>
9689
</Fade>
9790
</Box>

‎apps/dashboard/src/components/product-pages/common/nav/NavCard.tsx‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import { Box, Flex, Icon, Stack } from "@chakra-ui/react";
1+
import { Box, Icon, Stack } from "@chakra-ui/react";
22
import { ChakraNextImage } from "components/Image";
33
import { Text, TrackedLink } from "tw-components";
44
import type { SectionItemProps, SectionProps } from "./types";
@@ -34,15 +34,15 @@ export const NavCard: React.FC<SectionItemProps | SectionProps> = ({
3434
mr={2}
3535
/>
3636
)}
37-
<Flex direction="column">
37+
<div className="flex flex-col">
3838
<Text
3939
fontWeight="bold"
4040
color={comingSoon ? "whiteAlpha.400" : "white"}
4141
>
4242
{name} {comingSoon && "(coming soon)"}
4343
</Text>
4444
<Text color="whiteAlpha.500">{description}</Text>
45-
</Flex>
45+
</div>
4646
</Stack>
4747
</Box>
4848
</TrackedLink>

‎apps/dashboard/src/components/product-pages/common/nav/NestedHoverMenu.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -119,7 +119,7 @@ export const NestedHoverMenu: React.FC<NestedHoverMenuProps> = ({
119119
borderRadius="8px"
120120
width={WIDTH}
121121
>
122-
<Flex>
122+
<div className="flex flex-row">
123123
<Flex
124124
flexDir="column"
125125
borderRight="1px"
@@ -152,7 +152,7 @@ export const NestedHoverMenu: React.FC<NestedHoverMenuProps> = ({
152152
</SimpleGrid>
153153
</Stack>
154154
</Flex>
155-
</Flex>
155+
</div>
156156
</Card>
157157
</Fade>
158158
</Box>

0 commit comments

Comments
 (0)