From cc5208cc6b8d3296160d93b14d7dbb6f3105ed9c Mon Sep 17 00:00:00 2001
From: Scai <59282365+alexevladgabriel@users.noreply.github.com>
Date: Tue, 30 Apr 2024 22:59:30 +0300
Subject: [PATCH] fix prettier linting issue

---
 .../components/auth/ForgotPasswordContainer.tsx  |  4 +---
 .../scripts/components/auth/LoginContainer.tsx   | 16 ++++++++++++++--
 .../components/auth/ResetPasswordContainer.tsx   |  7 ++++++-
 .../components/dashboard/AccountApiContainer.tsx |  4 +++-
 .../components/dashboard/DashboardContainer.tsx  |  4 +---
 .../dashboard/forms/ConfigureTwoFactorForm.tsx   | 10 ++++------
 .../dashboard/forms/UpdateEmailAddressForm.tsx   |  7 ++++++-
 .../dashboard/forms/UpdatePasswordForm.tsx       |  6 ++----
 .../components/dashboard/search/SearchModal.tsx  |  6 +-----
 .../components/elements/ErrorBoundary.tsx        |  5 ++++-
 .../scripts/hoc/RequireServerPermission.tsx      |  4 +---
 11 files changed, 43 insertions(+), 30 deletions(-)

diff --git a/resources/scripts/components/auth/ForgotPasswordContainer.tsx b/resources/scripts/components/auth/ForgotPasswordContainer.tsx
index 73aff8100..3821332f8 100644
--- a/resources/scripts/components/auth/ForgotPasswordContainer.tsx
+++ b/resources/scripts/components/auth/ForgotPasswordContainer.tsx
@@ -79,9 +79,7 @@ export default () => {
                     <Field
                         light
                         label={'Email'}
-                        description={
-                            t('forgot_password.label_help')
-                        }
+                        description={t('forgot_password.label_help')}
                         name={'email'}
                         type={'email'}
                     />
diff --git a/resources/scripts/components/auth/LoginContainer.tsx b/resources/scripts/components/auth/LoginContainer.tsx
index 618bb8183..c6681e357 100644
--- a/resources/scripts/components/auth/LoginContainer.tsx
+++ b/resources/scripts/components/auth/LoginContainer.tsx
@@ -78,9 +78,21 @@ const LoginContainer = ({ history }: RouteComponentProps) => {
         >
             {({ isSubmitting, setSubmitting, submitForm }) => (
                 <LoginFormContainer title={t('login.title')} css={tw`w-full flex`}>
-                    <Field light type={'text'} label={t('user_identifier', { ns: 'strings' })} name={'username'} disabled={isSubmitting} />
+                    <Field
+                        light
+                        type={'text'}
+                        label={t('user_identifier', { ns: 'strings' })}
+                        name={'username'}
+                        disabled={isSubmitting}
+                    />
                     <div css={tw`mt-6`}>
-                        <Field light type={'password'} label={t('password', { ns: 'strings' })} name={'password'} disabled={isSubmitting} />
+                        <Field
+                            light
+                            type={'password'}
+                            label={t('password', { ns: 'strings' })}
+                            name={'password'}
+                            disabled={isSubmitting}
+                        />
                     </div>
                     <div css={tw`mt-6`}>
                         <Button type={'submit'} size={'xlarge'} isLoading={isSubmitting} disabled={isSubmitting}>
diff --git a/resources/scripts/components/auth/ResetPasswordContainer.tsx b/resources/scripts/components/auth/ResetPasswordContainer.tsx
index 5940118b5..8546bdbd4 100644
--- a/resources/scripts/components/auth/ResetPasswordContainer.tsx
+++ b/resources/scripts/components/auth/ResetPasswordContainer.tsx
@@ -79,7 +79,12 @@ export default ({ match, location }: RouteComponentProps<{ token: string }>) =>
                         />
                     </div>
                     <div css={tw`mt-6`}>
-                        <Field light label={t('reset_password.confirm_new_password')} name={'passwordConfirmation'} type={'password'} />
+                        <Field
+                            light
+                            label={t('reset_password.confirm_new_password')}
+                            name={'passwordConfirmation'}
+                            type={'password'}
+                        />
                     </div>
                     <div css={tw`mt-6`}>
                         <Button size={'xlarge'} type={'submit'} disabled={isSubmitting} isLoading={isSubmitting}>
diff --git a/resources/scripts/components/dashboard/AccountApiContainer.tsx b/resources/scripts/components/dashboard/AccountApiContainer.tsx
index 6a3ce0d64..0cd521187 100644
--- a/resources/scripts/components/dashboard/AccountApiContainer.tsx
+++ b/resources/scripts/components/dashboard/AccountApiContainer.tsx
@@ -77,7 +77,9 @@ export default () => {
                                     <p css={tw`text-sm break-words`}>{key.description}</p>
                                     <p css={tw`text-2xs text-neutral-300 uppercase`}>
                                         {t('last_used', { ns: 'strings' })}:&nbsp;
-                                        {key.lastUsedAt ? format(key.lastUsedAt, 'MMM do, yyyy HH:mm') : t('never', { ns: 'strings' })}
+                                        {key.lastUsedAt
+                                            ? format(key.lastUsedAt, 'MMM do, yyyy HH:mm')
+                                            : t('never', { ns: 'strings' })}
                                     </p>
                                 </div>
                                 <p css={tw`text-sm ml-4 hidden md:block`}>
diff --git a/resources/scripts/components/dashboard/DashboardContainer.tsx b/resources/scripts/components/dashboard/DashboardContainer.tsx
index 816ffb99a..7f20383a0 100644
--- a/resources/scripts/components/dashboard/DashboardContainer.tsx
+++ b/resources/scripts/components/dashboard/DashboardContainer.tsx
@@ -76,9 +76,7 @@ export default () => {
                             ))
                         ) : (
                             <p css={tw`text-center text-sm text-neutral-400`}>
-                                {showOnlyAdmin
-                                    ? t('no-other-servers')
-                                    : t('no-servers-associated')}
+                                {showOnlyAdmin ? t('no-other-servers') : t('no-servers-associated')}
                             </p>
                         )
                     }
diff --git a/resources/scripts/components/dashboard/forms/ConfigureTwoFactorForm.tsx b/resources/scripts/components/dashboard/forms/ConfigureTwoFactorForm.tsx
index 0f6e846e5..fa572b062 100644
--- a/resources/scripts/components/dashboard/forms/ConfigureTwoFactorForm.tsx
+++ b/resources/scripts/components/dashboard/forms/ConfigureTwoFactorForm.tsx
@@ -33,14 +33,12 @@ export default () => {
             <SetupTOTPDialog open={visible === 'enable'} onClose={() => setVisible(null)} onTokens={onTokens} />
             <RecoveryTokensDialog tokens={tokens} open={tokens.length > 0} onClose={() => setTokens([])} />
             <DisableTOTPDialog open={visible === 'disable'} onClose={() => setVisible(null)} />
-            <p css={tw`text-sm`}>
-                {isEnabled
-                    ? t('two_factor.disable.help')
-                    : t('two_factor.enable.help')}
-            </p>
+            <p css={tw`text-sm`}>{isEnabled ? t('two_factor.disable.help') : t('two_factor.enable.help')}</p>
             <div css={tw`mt-6`}>
                 {isEnabled ? (
-                    <Button.Danger onClick={() => setVisible('disable')}>{t('two_factor.disable.button')}</Button.Danger>
+                    <Button.Danger onClick={() => setVisible('disable')}>
+                        {t('two_factor.disable.button')}
+                    </Button.Danger>
                 ) : (
                     <Button onClick={() => setVisible('enable')}>{t('two_factor.enable.button')}</Button>
                 )}
diff --git a/resources/scripts/components/dashboard/forms/UpdateEmailAddressForm.tsx b/resources/scripts/components/dashboard/forms/UpdateEmailAddressForm.tsx
index 66b57983b..2258e67b9 100644
--- a/resources/scripts/components/dashboard/forms/UpdateEmailAddressForm.tsx
+++ b/resources/scripts/components/dashboard/forms/UpdateEmailAddressForm.tsx
@@ -59,7 +59,12 @@ export default () => {
                 <React.Fragment>
                     <SpinnerOverlay size={'large'} visible={isSubmitting} />
                     <Form css={tw`m-0`}>
-                        <Field id={'current_email'} type={'email'} name={'email'} label={t('email', { ns: 'strings' })} />
+                        <Field
+                            id={'current_email'}
+                            type={'email'}
+                            name={'email'}
+                            label={t('email', { ns: 'strings' })}
+                        />
                         <div css={tw`mt-6`}>
                             <Field
                                 id={'confirm_password'}
diff --git a/resources/scripts/components/dashboard/forms/UpdatePasswordForm.tsx b/resources/scripts/components/dashboard/forms/UpdatePasswordForm.tsx
index 2723b9da5..ef15deb2c 100644
--- a/resources/scripts/components/dashboard/forms/UpdatePasswordForm.tsx
+++ b/resources/scripts/components/dashboard/forms/UpdatePasswordForm.tsx
@@ -29,7 +29,7 @@ export default () => {
             function (value) {
                 return value === this.parent.password;
             }
-       ),
+        ),
     });
 
     const user = useStoreState((state: State<ApplicationStore>) => state.user.data);
@@ -80,9 +80,7 @@ export default () => {
                                     type={'password'}
                                     name={'password'}
                                     label={t('new_password', { ns: 'strings' })}
-                                    description={
-                                        t('password.requirements')
-                                    }
+                                    description={t('password.requirements')}
                                 />
                             </div>
                             <div css={tw`mt-6`}>
diff --git a/resources/scripts/components/dashboard/search/SearchModal.tsx b/resources/scripts/components/dashboard/search/SearchModal.tsx
index c6f796a80..c6512b8e7 100644
--- a/resources/scripts/components/dashboard/search/SearchModal.tsx
+++ b/resources/scripts/components/dashboard/search/SearchModal.tsx
@@ -90,11 +90,7 @@ export default ({ ...props }: Props) => {
             {({ isSubmitting }) => (
                 <Modal {...props}>
                     <Form>
-                        <FormikFieldWrapper
-                            name={'term'}
-                            label={t('term.label')}
-                            description={t('term.description')}
-                        >
+                        <FormikFieldWrapper name={'term'} label={t('term.label')} description={t('term.description')}>
                             <SearchWatcher />
                             <InputSpinner visible={isSubmitting}>
                                 <Field as={InputWithRef} name={'term'} />
diff --git a/resources/scripts/components/elements/ErrorBoundary.tsx b/resources/scripts/components/elements/ErrorBoundary.tsx
index fd99df033..b31b5a9ef 100644
--- a/resources/scripts/components/elements/ErrorBoundary.tsx
+++ b/resources/scripts/components/elements/ErrorBoundary.tsx
@@ -28,7 +28,10 @@ class ErrorBoundary extends React.Component<{}, State> {
                 <div css={tw`flex items-center bg-neutral-900 rounded p-3 text-red-500`}>
                     <Icon icon={faExclamationTriangle} css={tw`h-4 w-auto mr-2`} />
                     <p css={tw`text-sm text-neutral-100`}>
-                        <Trans i18nKey="error_rendering_view" defaults="An error was encountered by the application while rendering this view. Try refreshing the page." />
+                        <Trans
+                            i18nKey='error_rendering_view'
+                            defaults='An error was encountered by the application while rendering this view. Try refreshing the page.'
+                        />
                     </p>
                 </div>
             </div>
diff --git a/resources/scripts/hoc/RequireServerPermission.tsx b/resources/scripts/hoc/RequireServerPermission.tsx
index 5fadf098d..782c1130c 100644
--- a/resources/scripts/hoc/RequireServerPermission.tsx
+++ b/resources/scripts/hoc/RequireServerPermission.tsx
@@ -13,9 +13,7 @@ const RequireServerPermission: React.FC<RequireServerPermissionProps> = ({ child
     return (
         <Can
             action={permissions}
-            renderOnError={
-                <ServerError title={t('access_denied.title')} message={t('access_denied.message')} />
-            }
+            renderOnError={<ServerError title={t('access_denied.title')} message={t('access_denied.message')} />}
         >
             {children}
         </Can>