From 8638d4f71dfb878dafd6d224badf6e9eb6ffc1b4 Mon Sep 17 00:00:00 2001
From: ani-kalpachka <ani_kalpacka888@gmail.com>
Date: Sun, 17 Mar 2024 11:44:27 +0200
Subject: [PATCH] Fix lint errors

---
 .../client/irregularity/steps/Info.tsx        | 24 ++++++++++++-------
 .../layout/nav/AuthLinks/AuthLinks.styled.tsx |  3 ++-
 .../notifications/CampaignSubscribeModal.tsx  |  2 ++
 .../notifications/GeneralSubscribeModal.tsx   |  4 ++--
 .../client/notifications/SubscriptionPage.tsx |  4 +++-
 src/gql/campaigns.ts                          |  1 -
 6 files changed, 25 insertions(+), 13 deletions(-)

diff --git a/src/components/client/irregularity/steps/Info.tsx b/src/components/client/irregularity/steps/Info.tsx
index 283894b64..873dc92c7 100644
--- 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,7 +89,9 @@ 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" />
@@ -93,7 +99,9 @@ export default function Info({ files, setFiles }: Props) {
       </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
index 796e19847..28ed994d5 100644
--- 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
index d2ebb584b..97d08efef 100644
--- 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
index 71d473e3a..0b7a78a5d 100644
--- 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
index 93f6197e7..c75f2a18b 100644
--- 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
index ee6e16d8a..ee22eb531 100644
--- 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'