Prettier

decentdao · Apr 23, 2024 · f852a17 · f852a17
1 parent d159557
commit f852a17
Show file tree

Hide file tree

Showing 25 changed files with 49 additions and 125 deletions.
diff --git a/src/components/DaoCreator/formComponents/AzoriusGovernance.tsx b/src/components/DaoCreator/formComponents/AzoriusGovernance.tsx
@@ -1,11 +1,4 @@
-import {
-  Alert,
-  AlertTitle,
-  Flex,
-  InputGroup,
-  InputRightElement,
-  Text,
-} from '@chakra-ui/react';
+import { Alert, AlertTitle, Flex, InputGroup, InputRightElement, Text } from '@chakra-ui/react';
 import { Info } from '@decent-org/fractal-ui';
 import { useTranslation } from 'react-i18next';
 import { ICreationStepProps, CreatorSteps, VotingStrategyType } from '../../../types';
@@ -144,9 +137,7 @@ export function AzoriusGovernance(props: ICreationStepProps) {
             </Text>
           </AlertTitle>
         </Alert>
-        <Divider
-          mb={4}
-        />
+        <Divider mb={4} />
         <StepButtons
           {...props}
           prevStep={

diff --git a/src/components/DaoCreator/formComponents/AzoriusNFTDetails.tsx b/src/components/DaoCreator/formComponents/AzoriusNFTDetails.tsx
@@ -191,9 +191,7 @@ export default function AzoriusNFTDetails(props: ICreationStepProps) {
             p={4}
           >
             <ContentBoxTitle>{t('titleNFTDetails')}</ContentBoxTitle>
-            <Divider
-              my="1rem"
-            />
+            <Divider my="1rem" />
             {values.erc721Token.nfts.map((nft, i) => {
               const nftError = (
                 errors?.erc721Token?.nfts as FormikErrors<
@@ -210,11 +208,7 @@ export default function AzoriusNFTDetails(props: ICreationStepProps) {
                     nft={nft}
                     hasAddressError={!!addressErrorMessage}
                   />
-                  {i < values.erc721Token.nfts.length - 1 && (
-                    <Divider
-                      my="2rem"
-                    />
-                  )}
+                  {i < values.erc721Token.nfts.length - 1 && <Divider my="2rem" />}
                 </Fragment>
               );
             })}

diff --git a/src/components/DaoCreator/formComponents/EstablishEssentials.tsx b/src/components/DaoCreator/formComponents/EstablishEssentials.tsx
@@ -177,9 +177,7 @@ export function EstablishEssentials(props: ICreationStepProps) {
           </RadioGroup>
         </LabelComponent>
       </Box>
-      <Divider
-        mb="2rem"
-      />
+      <Divider mb="2rem" />
       <LabelComponent
         label={t('snapshot')}
         helper={t('snapshotHelper')}
@@ -195,9 +193,7 @@ export function EstablishEssentials(props: ICreationStepProps) {
           />
         </LabelWrapper>
       </LabelComponent>
-      <Divider
-        my="2rem"
-      />
+      <Divider my="2rem" />
       <StepButtons
         {...props}
         isNextDisabled={

diff --git a/src/components/DaoCreator/formComponents/GuardDetails.tsx b/src/components/DaoCreator/formComponents/GuardDetails.tsx
@@ -1,11 +1,4 @@
-import {
-  Text,
-  InputGroup,
-  InputRightElement,
-  Flex,
-  Alert,
-  AlertTitle,
-} from '@chakra-ui/react';
+import { Text, InputGroup, InputRightElement, Flex, Alert, AlertTitle } from '@chakra-ui/react';
 import { Info } from '@decent-org/fractal-ui';
 import { useEffect, useState, useCallback } from 'react';
 import { useTranslation } from 'react-i18next';
@@ -258,18 +251,14 @@ function GuardDetails(props: ICreationStepProps) {
             </Text>
           </AlertTitle>
         </Alert>
-        <Divider
-          mb={4}
-        />
+        <Divider mb={4} />
         {showCustomNonce && (
           <>
             <CustomNonceInput
               nonce={values.multisig.customNonce}
               onChange={handleNonceChange}
             />
-            <Divider
-              my={4}
-            />
+            <Divider my={4} />
           </>
         )}
         <StepButtons

diff --git a/src/components/DaoCreator/formComponents/Multisig.tsx b/src/components/DaoCreator/formComponents/Multisig.tsx
@@ -1,11 +1,4 @@
-import {
-  Box,
-  Flex,
-  Grid,
-  IconButton,
-  NumberInput,
-  NumberInputField,
-} from '@chakra-ui/react';
+import { Box, Flex, Grid, IconButton, NumberInput, NumberInputField } from '@chakra-ui/react';
 import { LabelWrapper, Minus } from '@decent-org/fractal-ui';
 import { Field, FieldAttributes } from 'formik';
 import { useTranslation } from 'react-i18next';
@@ -169,9 +162,7 @@ export function Multisig(props: ICreationStepProps) {
           </LabelComponent>
         </Box>
       </Flex>
-      <Divider
-        my="2rem"
-      />
+      <Divider my="2rem" />
       <StepButtons
         {...props}
         nextStep={CreatorSteps.FREEZE_DETAILS}

diff --git a/src/components/DaoCreator/formComponents/VotesTokenNew.tsx b/src/components/DaoCreator/formComponents/VotesTokenNew.tsx
@@ -62,9 +62,7 @@ export function VotesTokenNew(props: ICreationStepProps) {
       </LabelComponent>
       <Divider />
       <AzoriusTokenAllocations {...props} />
-      <Divider
-        mb={4}
-      />
+      <Divider mb={4} />
       <StepButtons
         {...props}
         prevStep={CreatorSteps.ESSENTIALS}

diff --git a/src/components/ProposalBuilder/ProposalTransaction.tsx b/src/components/ProposalBuilder/ProposalTransaction.tsx
@@ -97,7 +97,7 @@ export default function ProposalTransaction({
           />
         </Box>
       )}
-        <Divider my="1.5rem"/>
+      <Divider my="1.5rem" />
       <Box>
         <Text
           textStyle="display-lg"
@@ -329,7 +329,11 @@ export default function ProposalTransaction({
                                 ) : undefined
                               }
                               isRequired={!!parameter.signature && !parameter.label}
-                              helper={isProposalMode ? t('helperFunctionParameterValue', { ns: 'proposalTemplate'}) : undefined}
+                              helper={
+                                isProposalMode
+                                  ? t('helperFunctionParameterValue', { ns: 'proposalTemplate' })
+                                  : undefined
+                              }
                               value={parameter.value || ''}
                               placeholder="100"
                               onChange={e =>
@@ -350,13 +354,19 @@ export default function ProposalTransaction({
                               testId={`transactions.${transactionIndex}.parameters.${i}.value`}
                             />
                           </Box>
-                            <Divider variant="light" my="1rem"/>
+                          <Divider
+                            variant="light"
+                            my="1rem"
+                          />
                         </Box>
                       </Flex>
                     </AccordionPanel>
                   </Box>
                   {!isExpanded && (
-                      <Divider variant="light" mt="0.5rem"/>
+                    <Divider
+                      variant="light"
+                      mt="0.5rem"
+                    />
                   )}
                   {i === transaction.parameters.length - 1 && (
                     <Button

diff --git a/src/components/ProposalBuilder/ProposalTransactionsForm.tsx b/src/components/ProposalBuilder/ProposalTransactionsForm.tsx
@@ -38,7 +38,7 @@ export default function ProposalTransactionsForm(props: ProposalTransactionsForm
         setExpandedIndecies={setExpandedIndecies}
         {...props}
       />
-        <Divider my="1.5rem"/>
+      <Divider my="1.5rem" />
       <Button
         variant="text"
         onClick={() => {

diff --git a/src/components/Proposals/ProposalVotes/index.tsx b/src/components/Proposals/ProposalVotes/index.tsx
@@ -161,9 +161,7 @@ function ProposalVotes({
       {votes.length !== 0 && (
         <ContentBox containerBoxProps={{ bg: BACKGROUND_SEMI_TRANSPARENT }}>
           <Text textStyle="text-lg-mono-medium">{t('votesTitle', { ns: 'proposal' })}</Text>
-          <Divider
-            my={4}
-          />
+          <Divider my={4} />
           <Flex
             flexWrap="wrap"
             gap={4}

diff --git a/src/components/Proposals/SnapshotProposalDetails/SnapshotProposalSummary.tsx b/src/components/Proposals/SnapshotProposalDetails/SnapshotProposalSummary.tsx
@@ -114,9 +114,7 @@ export default function SnapshotProposalSummary({ proposal }: ISnapshotProposalS
             ShowVotingPowerButton
           )}
         </Flex>
-        <Divider
-          marginTop={4}
-        />
+        <Divider marginTop={4} />
         {!!proposal.quorum && (
           <Box marginTop={4}>
             <QuorumProgressBar

diff --git a/src/components/Proposals/SnapshotProposalDetails/SnapshotProposalVotes.tsx b/src/components/Proposals/SnapshotProposalDetails/SnapshotProposalVotes.tsx
@@ -77,9 +77,7 @@ export default function SnapshotProposalVotes({ proposal }: ISnapshotProposalVot
           <Text textStyle="text-lg-mono-medium">
             {t('votesTitle')} ({votes.length})
           </Text>
-          <Divider
-            my={4}
-          />
+          <Divider my={4} />
           <Flex
             flexWrap="wrap"
             gap={4}

diff --git a/src/components/Proposals/index.tsx b/src/components/Proposals/index.tsx
@@ -151,9 +151,7 @@ export default function Proposals() {
                 <Text color="grayscale.100">{t('clear', { ns: 'common' })}</Text>
               </Button>
             </Flex>
-            <Divider
-              my={4}
-            />
+            <Divider my={4} />
           </Box>
         </OptionMenu>
         <Sort

diff --git a/src/components/pages/AppHome/AppFooter.tsx b/src/components/pages/AppHome/AppFooter.tsx
@@ -11,9 +11,7 @@ export function AppFooter({ ...rest }: BoxProps) {
       w="100%"
       {...rest}
     >
-      <Divider
-        paddingTop="2.5rem"
-      />
+      <Divider paddingTop="2.5rem" />
       <Flex paddingTop="2rem">
         <Text
           color="grayscale.500"

diff --git a/src/components/pages/DAOTreasury/components/Assets.tsx b/src/components/pages/DAOTreasury/components/Assets.tsx
@@ -22,9 +22,7 @@ function CoinHeader() {
   const { t } = useTranslation('treasury');
   return (
     <Box>
-      <Divider
-        my="1.5rem"
-      />
+      <Divider my="1.5rem" />
       <HStack marginBottom="0.5rem">
         <Text
           w="33%"

diff --git a/src/components/pages/DaoSettings/components/Metadata/index.tsx b/src/components/pages/DaoSettings/components/Metadata/index.tsx
@@ -165,9 +165,7 @@ export default function MetadataContainer() {
           width: '100%',
         }}
       />
-      <Divider
-        my={4}
-      />
+      <Divider my={4} />
       <Flex
         justifyContent="space-between"
         alignItems="center"

diff --git a/src/components/pages/DaoSettings/components/Modules/index.tsx b/src/components/pages/DaoSettings/components/Modules/index.tsx
@@ -84,9 +84,7 @@ export function ModulesContainer() {
           <BarLoader />
         )}
         <Text textStyle="text-lg-mono-bold">{t('guardTitle')}</Text>
-        <Divider
-          mt={4}
-        />
+        <Divider mt={4} />
         {safe?.guard && safe?.guard !== zeroAddress ? (
           <Box>
             <DisplayAddress address={safe.guard}>

diff --git a/src/components/pages/DaoSettings/components/index.tsx b/src/components/pages/DaoSettings/components/index.tsx
@@ -33,9 +33,7 @@ export function SettingsSection({
         minWidth="65%"
       >
         {contentHeader || <Text>{contentTitle}</Text>}
-        <Divider
-          marginTop="1rem"
-        />
+        <Divider marginTop="1rem" />
         {children}
       </StyledBox>
       <StyledBox

diff --git a/src/components/ui/modals/ConfirmModifyGovernanceModal.tsx b/src/components/ui/modals/ConfirmModifyGovernanceModal.tsx
@@ -25,9 +25,7 @@ export function ConfirmModifyGovernanceModal({ close }: { close: () => void }) {
       >
         {t('confirmModifyGovernanceDescription')}
       </Text>
-      <Divider
-        marginBottom="1rem"
-      />
+      <Divider marginBottom="1rem" />
       <Text
         marginBottom="1rem"
         textStyle="text-xl-mono-medium"

diff --git a/src/components/ui/modals/ConfirmUrlModal.tsx b/src/components/ui/modals/ConfirmUrlModal.tsx
@@ -12,9 +12,7 @@ export function ConfirmUrlModal({ url, close }: { url: string; close: () => void
       >
         {url}
       </Text>
-      <Divider
-        marginBottom="1rem"
-      />
+      <Divider marginBottom="1rem" />
       <Text marginBottom="1rem">{t('confirmAction')}</Text>
       <a
         href={url}

diff --git a/src/components/ui/modals/DelegateModal.tsx b/src/components/ui/modals/DelegateModal.tsx
@@ -162,9 +162,7 @@ export function DelegateModal({ close }: { close: Function }) {
             </Text>
           </SimpleGrid>
         )}
-      <Divider
-        marginBottom="1rem"
-      />
+      <Divider marginBottom="1rem" />
       <Formik
         initialValues={{
           address: '',

diff --git a/src/components/ui/modals/ForkProposalTemplateModal.tsx b/src/components/ui/modals/ForkProposalTemplateModal.tsx
@@ -119,9 +119,7 @@ export default function ForkProposalTemplateModal({
           width: '100%',
         }}
       />
-      <Divider
-        my={4}
-      />
+      <Divider my={4} />
       <Button
         onClick={handleSubmit}
         variant="primary"

diff --git a/src/components/ui/modals/ModalBase.tsx b/src/components/ui/modals/ModalBase.tsx
@@ -1,12 +1,4 @@
-import {
-  Flex,
-  HStack,
-  Modal,
-  ModalContent,
-  ModalOverlay,
-  Spacer,
-  Text,
-} from '@chakra-ui/react';
+import { Flex, HStack, Modal, ModalContent, ModalOverlay, Spacer, Text } from '@chakra-ui/react';
 import { Alert, CloseX } from '@decent-org/fractal-ui';
 import { ReactNode } from 'react';
 import { BACKGROUND_SEMI_TRANSPARENT } from '../../../constants/common';
@@ -58,9 +50,7 @@ export function ModalBase(props: ModuleBaseProps) {
             onClick={props.onClose}
           />
         </Flex>
-        <Divider
-          marginBottom="1rem"
-        />
+        <Divider marginBottom="1rem" />
         {props.children}
       </ModalContent>
     </Modal>

diff --git a/src/components/ui/modals/ProposalTemplateModal.tsx b/src/components/ui/modals/ProposalTemplateModal.tsx
@@ -1,12 +1,4 @@
-import {
-  Box,
-  Button,
-  Flex,
-  FormControl,
-  FormLabel,
-  Switch,
-  VStack,
-} from '@chakra-ui/react';
+import { Box, Button, Flex, FormControl, FormLabel, Switch, VStack } from '@chakra-ui/react';
 import { useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useNavigate } from 'react-router-dom';

diff --git a/src/components/ui/modals/SendAssetsModal.tsx b/src/components/ui/modals/SendAssetsModal.tsx
@@ -135,9 +135,7 @@ export function SendAssetsModal({ close }: { close: () => void }) {
       >
         {formatUSD(selectedAsset.fiatBalance)}
       </Text>
-      <Divider
-        my="0.75rem"
-      />
+      <Divider my="0.75rem" />
       <LabelWrapper
         label={t('destinationLabel')}
         subLabel={t('destinationSublabel')}
@@ -150,9 +148,7 @@ export function SendAssetsModal({ close }: { close: () => void }) {
           }}
         />
       </LabelWrapper>
-      <Divider
-        my="0.75rem"
-      />
+      <Divider my="0.75rem" />
       <CustomNonceInput
         nonce={nonceInput}
         onChange={nonce => setNonceInput(nonce ? nonce : undefined)}