Fix lint errors

podkrepi-bg · Mar 17, 2024 · 8638d4f · 8638d4f
1 parent aaefd08
commit 8638d4f
Show file tree

Hide file tree

Showing 6 changed files with 25 additions and 13 deletions.
diff --git a/src/components/client/irregularity/steps/Info.tsx b/src/components/client/irregularity/steps/Info.tsx
@@ -13,6 +13,8 @@ import FileList from '../helpers/FileList'
 import { NotifierTypes } from '../helpers/irregularity.types'
 import IrregularityReasonSelect from '../helpers/IrregularityReasonSelect'
 
+import theme from 'common/theme'
+
 const CssTextField = styled(FormTextField)({
   '& label': {
     marginLeft: '8px',
@@ -42,7 +44,9 @@ export default function Info({ files, setFiles }: Props) {
       <Subtitle label={t('steps.info.subtitle')} />
       <Grid container item>
         <Grid item xs={12}>
-          <Typography sx={{ fontSize: '18px' }}>{t('steps.info.is-donor')}</Typography>
+          <Typography sx={{ fontSize: theme.typography.pxToRem(18) }}>
+            {t('steps.info.is-donor')}
+          </Typography>
         </Grid>
         <Grid container item xs={12}>
           <FormControl sx={{ width: '40%', marginTop: '20px' }}>
@@ -75,7 +79,7 @@ export default function Info({ files, setFiles }: Props) {
       </Grid>
       <Grid container item>
         <Grid item xs={12}>
-          <Typography sx={{ fontSize: '18px', marginBottom: '20px' }}>
+          <Typography sx={{ fontSize: theme.typography.pxToRem(18), marginBottom: '20px' }}>
             {t('reason.title')}
           </Typography>
         </Grid>
@@ -85,15 +89,19 @@ export default function Info({ files, setFiles }: Props) {
       </Grid>
       <Grid container item>
         <Grid item xs={12}>
-          <Typography sx={{ fontSize: '18px' }}>{t('steps.info.content')}</Typography>
+          <Typography sx={{ fontSize: theme.typography.pxToRem(18) }}>
+            {t('steps.info.content')}
+          </Typography>
         </Grid>
         <Grid item xs={12}>
           <CssTextField label="" type="text" multiline rows={6} name="info.description" />
         </Grid>
       </Grid>
       <Grid container item>
         <Grid item xs={12}>
-          <Typography sx={{ fontSize: '18px' }}>{t('steps.info.files')}</Typography>
+          <Typography sx={{ fontSize: theme.typography.pxToRem(18) }}>
+            {t('steps.info.files')}
+          </Typography>
         </Grid>
         <Grid container justifyContent="center" mt={2}>
           <FileUpload
@@ -113,22 +121,22 @@ export default function Info({ files, setFiles }: Props) {
         </Grid>
       </Grid>
       <Grid item xs={12}>
-        <Typography sx={{ fontSize: '15px', textAlign: 'justify' }}>
+        <Typography sx={{ fontSize: theme.typography.pxToRem(15), textAlign: 'justify' }}>
           {t('steps.info.priority-message')}
         </Typography>
       </Grid>
       <Grid item xs={12}>
-        <Typography sx={{ fontSize: '15px', textAlign: 'justify' }}>
+        <Typography sx={{ fontSize: theme.typography.pxToRem(15), textAlign: 'justify' }}>
           {t('steps.info.share-message')}
         </Typography>
       </Grid>
       <Grid item xs={12}>
-        <Typography sx={{ fontSize: '15px', textAlign: 'justify' }}>
+        <Typography sx={{ fontSize: theme.typography.pxToRem(15), textAlign: 'justify' }}>
           {t('steps.info.thanks-message')}
         </Typography>
       </Grid>
       <Grid item xs={12}>
-        <Typography sx={{ fontSize: '15px', textAlign: 'justify' }}>
+        <Typography sx={{ fontSize: theme.typography.pxToRem(15), textAlign: 'justify' }}>
           {t('steps.info.sign')}
         </Typography>
       </Grid>

diff --git a/src/components/client/layout/nav/AuthLinks/AuthLinks.styled.tsx b/src/components/client/layout/nav/AuthLinks/AuthLinks.styled.tsx
@@ -1,9 +1,10 @@
 import { Box } from '@mui/material'
 import { styled } from '@mui/material/styles'
 
-import theme from 'common/theme'
 import LinkButton from 'components/common/LinkButton'
 
+import theme from 'common/theme'
+
 export const AuthLinksWrapper = styled(Box)(() => ({
   display: 'flex',
   alignItems: 'center',

diff --git a/src/components/client/notifications/CampaignSubscribeModal.tsx b/src/components/client/notifications/CampaignSubscribeModal.tsx
@@ -22,6 +22,8 @@ import { email } from 'common/form/validation'
 import { AcceptNewsLetterFieldCampaign } from 'components/common/form/AcceptNewsletterField'
 import { routes } from 'common/routes'
 
+import theme from 'common/theme'
+
 const PREFIX = 'CampaignSubscribeModal'
 
 const classes = {

diff --git a/src/components/client/notifications/GeneralSubscribeModal.tsx b/src/components/client/notifications/GeneralSubscribeModal.tsx
@@ -163,7 +163,7 @@ export default function RenderSubscribeModal({ setOpen }: ModalProps) {
           }}>
           <CloseModalButton onClose={handleClose} />
           <React.Fragment>
-            <EmailIcon color="primary" sx={{ fontSize: theme.typography.pxToRem(64), }} />
+            <EmailIcon color="primary" sx={{ fontSize: theme.typography.pxToRem(64) }} />
             <DialogTitle style={{ textAlign: 'center', width: '100%' }}>
               {t('common:notifications.subscribe-title')}
             </DialogTitle>
@@ -237,7 +237,7 @@ export default function RenderSubscribeModal({ setOpen }: ModalProps) {
           <CloseModalButton onClose={handleClose} />
           {!isSuccess ? (
             <React.Fragment>
-              <EmailIcon color="primary" sx={{ fontSize: theme.typography.pxToRem(64), }} />
+              <EmailIcon color="primary" sx={{ fontSize: theme.typography.pxToRem(64) }} />
               <DialogTitle style={{ textAlign: 'center', width: '100%' }}>
                 {t('common:notifications.subscribe-title')}
               </DialogTitle>

diff --git a/src/components/client/notifications/SubscriptionPage.tsx b/src/components/client/notifications/SubscriptionPage.tsx
@@ -178,7 +178,9 @@ export default function SubscriptionPage(data: Props) {
           <React.Fragment>
             <React.Fragment>
               <Grid item mt={5} display="flex" direction="column" alignItems="center">
-                <AnnouncementIcon sx={{ fontSize: theme.typography.pxToRem(64), color: '#FF007F' }} />
+                <AnnouncementIcon
+                  sx={{ fontSize: theme.typography.pxToRem(64), color: '#FF007F' }}
+                />
                 <DialogTitle>
                   <Typography
                     variant="h5"

diff --git a/src/gql/campaigns.ts b/src/gql/campaigns.ts
@@ -2,7 +2,6 @@ import { UUID } from './types'
 import type { CampaignFileRole } from 'components/common/campaign-file/roles'
 import type { CampaignTypeCategory } from 'components/common/campaign-types/categories'
 import { Currency } from './currency'
-import { PaymentProvider } from './donations.enums'
 import { CampaignState } from 'components/client/campaigns/helpers/campaign.enums'
 import { BeneficiaryType } from '../components/admin/beneficiary/BeneficiaryTypes'
 import { VaultResponse } from './vault'