Prettified Code!

Author: Ashu11-A

resources/scripts/components/FlashMessageRender.tsx

@@ -10,7 +10,7 @@ type Props = Readonly<{
 
 const FlashMessageRender = ({ byKey, className }: Props) => {
     const flashes = useStoreState((state) =>
-        state.flashes.items.filter((flash) => (byKey ? flash.key === byKey : true))
+        state.flashes.items.filter((flash) => (byKey ? flash.key === byKey : true)),
     );
 
     return flashes.length ? (

resources/scripts/components/dashboard/DashboardContainer.tsx

@@ -31,7 +31,7 @@ export default () => {
             getServers({
                 page,
                 type: showOnlyAdmin && rootAdmin ? 'admin' : undefined,
-            })
+            }),
     );
 
     useEffect(() => {

resources/scripts/components/dashboard/ServerRow.tsx

@@ -36,8 +36,8 @@ const StatusIndicatorBox = styled(GreyRowBox)<{
             !$status || $status === 'offline'
                 ? tw`bg-red-500`
                 : $status === 'running'
-                ? tw`bg-green-500`
-                : tw`bg-yellow-500`};
+                  ? tw`bg-green-500`
+                  : tw`bg-yellow-500`};
     }
 
     &:hover .status-bar {
@@ -116,10 +116,10 @@ export default ({ server, className }: { server: Server; className?: string }) =
                                     {server.isTransferring
                                         ? 'Transferindo'
                                         : server.status === 'installing'
-                                        ? 'Instalando'
-                                        : server.status === 'restoring_backup'
-                                        ? 'Restaurando Backup'
-                                        : 'Indisponível'}
+                                          ? 'Instalando'
+                                          : server.status === 'restoring_backup'
+                                            ? 'Restaurando Backup'
+                                            : 'Indisponível'}
                                 </span>
                             </div>
                         ) : (

resources/scripts/components/dashboard/forms/AddReferralCodeForm.tsx

@@ -34,15 +34,15 @@ export default () => {
                     type: 'success',
                     key: 'account:referral',
                     message: 'Agora você está usando o Código de referência.',
-                })
+                }),
             )
             .catch((error) =>
                 addFlash({
                     type: 'danger',
                     key: 'account:referral',
                     title: 'Erro',
                     message: httpErrorToHuman(error),
-                })
+                }),
             )
             .then(() => {
                 resetForm();

resources/scripts/components/dashboard/forms/UpdateEmailAddressForm.tsx

@@ -37,15 +37,15 @@ export default () => {
                     type: 'success',
                     key: 'account:email',
                     message: 'O seu E-mail principal foi atualizado.',
-                })
+                }),
             )
             .catch((error) =>
                 addFlash({
                     type: 'danger',
                     key: 'account:email',
                     title: 'Erro',
                     message: httpErrorToHuman(error),
-                })
+                }),
             )
             .then(() => {
                 resetForm();

resources/scripts/components/dashboard/forms/UpdatePasswordForm.tsx

@@ -25,7 +25,7 @@ const schema = Yup.object().shape({
         'A confirmação da senha não corresponde à senha que você digitou.',
         function (value) {
             return value === this.parent.password;
-        }
+        },
     ),
 });
 
@@ -52,7 +52,7 @@ export default () => {
                     type: 'danger',
                     title: 'Error',
                     message: httpErrorToHuman(error),
-                })
+                }),
             )
             .then(() => setSubmitting(false));
     };

resources/scripts/components/dashboard/forms/UpdateUsernameForm.tsx

@@ -35,15 +35,15 @@ export default () => {
                     type: 'success',
                     key: 'account:username',
                     message: 'O seu usuário foi alterado.',
-                })
+                }),
             )
             .catch((error) =>
                 addFlash({
                     type: 'danger',
                     key: 'account:username',
                     title: 'Erro',
                     message: httpErrorToHuman(error),
-                })
+                }),
             )
             .then(() => {
                 resetForm();

resources/scripts/components/dashboard/search/SearchModal.tsx

@@ -51,7 +51,7 @@ export default ({ ...props }: Props) => {
     const isAdmin = useStoreState((state) => state.user.data!.rootAdmin);
     const [servers, setServers] = useState<Server[]>([]);
     const { clearAndAddHttpError, clearFlashes } = useStoreActions(
-        (actions: Actions<ApplicationStore>) => actions.flashes
+        (actions: Actions<ApplicationStore>) => actions.flashes,
     );
 
     setLocale(pt);

resources/scripts/components/elements/Checkbox.tsx

@@ -17,7 +17,7 @@ const Checkbox = ({ name, value, className, ...props }: Props & InputProps) => (
         {({ field, form }: FieldProps) => {
             if (!Array.isArray(field.value)) {
                 console.error(
-                    'Tentativa de montar uma caixa de seleção usando um valor de campo que não é uma matriz.'
+                    'Tentativa de montar uma caixa de seleção usando um valor de campo que não é uma matriz.',
                 );
 
                 return null;

resources/scripts/components/elements/Field.tsx

@@ -41,7 +41,7 @@ const Field = forwardRef<HTMLInputElement, Props>(
                 </div>
             )}
         </FormikField>
-    )
+    ),
 );
 Field.displayName = 'Field';