style: format with prettier

Author: Constrat

src/components/account/AuthFormShared.tsx

@@ -1,36 +1,64 @@
 import { InputGroup, InputGroupProps2 } from '@blueprintjs/core'
-import { ControllerProps, FieldValues, UseControllerProps } from 'react-hook-form'
+
+import {
+  ControllerProps,
+  FieldValues,
+  UseControllerProps,
+} from 'react-hook-form'
 import { useTranslation } from 'react-i18next'
+
 import { FormField, FormFieldProps } from 'components/FormField'
 import { REGEX_EMAIL, REGEX_USERNAME } from 'utils/regexes'
 
 export type RuleKeys = 'email' | 'password' | 'username' | 'registertoken'
 
-// Define rules with translation keys
 export const rule: Record<RuleKeys, UseControllerProps['rules']> = {
   email: {
     required: 'components.account.AuthFormShared.email_required',
-    pattern: { value: REGEX_EMAIL, message: 'components.account.AuthFormShared.email_invalid' },
+    pattern: {
+      value: REGEX_EMAIL,
+      message: 'components.account.AuthFormShared.email_invalid',
+    },
   },
   password: {
     required: 'components.account.AuthFormShared.password_required',
-    minLength: { value: 8, message: 'components.account.AuthFormShared.password_min_length' },
-    maxLength: { value: 32, message: 'components.account.AuthFormShared.password_max_length' },
+    minLength: {
+      value: 8,
+      message: 'components.account.AuthFormShared.password_min_length',
+    },
+    maxLength: {
+      value: 32,
+      message: 'components.account.AuthFormShared.password_max_length',
+    },
   },
   username: {
     required: 'components.account.AuthFormShared.username_required',
-    minLength: { value: 4, message: 'components.account.AuthFormShared.username_min_length' },
-    maxLength: { value: 24, message: 'components.account.AuthFormShared.username_max_length' },
-    pattern: { value: REGEX_USERNAME, message: 'components.account.AuthFormShared.username_pattern' },
+    minLength: {
+      value: 4,
+      message: 'components.account.AuthFormShared.username_min_length',
+    },
+    maxLength: {
+      value: 24,
+      message: 'components.account.AuthFormShared.username_max_length',
+    },
+    pattern: {
+      value: REGEX_USERNAME,
+      message: 'components.account.AuthFormShared.username_pattern',
+    },
   },
   registertoken: {
     required: 'components.account.AuthFormShared.token_required',
-    minLength: { value: 6, message: 'components.account.AuthFormShared.token_length' },
-    maxLength: { value: 6, message: 'components.account.AuthFormShared.token_length' },
+    minLength: {
+      value: 6,
+      message: 'components.account.AuthFormShared.token_length',
+    },
+    maxLength: {
+      value: 6,
+      message: 'components.account.AuthFormShared.token_length',
+    },
   },
 }
 
-// Helper function that translates rule messages
 function useTranslatedRules() {
   const { t } = useTranslation()
 
@@ -102,7 +130,9 @@ export const AuthFormEmailField = <T extends FieldValues>({
         ),
       }}
       FormGroupProps={{
-        helperText: register && t('components.account.AuthFormShared.email_verification_note'),
+        helperText:
+          register &&
+          t('components.account.AuthFormShared.email_verification_note'),
       }}
     />
   )
@@ -140,7 +170,9 @@ export const AuthRegistrationTokenField = <T extends FieldValues>({
         ),
       }}
       FormGroupProps={{
-        helperText: register && t('components.account.AuthFormShared.token_verification_note'),
+        helperText:
+          register &&
+          t('components.account.AuthFormShared.token_verification_note'),
       }}
     />
   )

src/hooks/useLinks.tsx

@@ -1,4 +1,5 @@
 import { useTranslation } from 'react-i18next'
+
 import { NAV_CONFIG, SOCIAL_CONFIG } from '../links'
 
 export const useLinks = () => {
@@ -10,11 +11,13 @@ export const useLinks = () => {
     icon,
   }))
 
-  const SOCIAL_LINKS = SOCIAL_CONFIG.map(({ icon, href, labelKey, labelParams }) => ({
-    icon,
-    href,
-    label: t(labelKey, labelParams),
-  }))
+  const SOCIAL_LINKS = SOCIAL_CONFIG.map(
+    ({ icon, href, labelKey, labelParams }) => ({
+      icon,
+      href,
+      label: t(labelKey, labelParams),
+    }),
+  )
 
   return { NAV_LINKS, SOCIAL_LINKS }
 }

src/links.tsx

@@ -1,7 +1,7 @@
 import { Icon as BlueprintIcon, IconName } from '@blueprintjs/core'
-import { Icon as IconifyIcon } from '@iconify/react'
 import simpleIconsGitHub from '@iconify/icons-simple-icons/github'
 import simpleIconsQQ from '@iconify/icons-simple-icons/tencentqq'
+import { Icon as IconifyIcon } from '@iconify/react'
 
 export const NAV_CONFIG: {
   to: string
@@ -22,7 +22,7 @@ export const NAV_CONFIG: {
     to: '/about',
     labelKey: 'links.about',
     icon: 'info-sign',
-  }
+  },
 ]
 
 export const SOCIAL_CONFIG = [
@@ -37,17 +37,23 @@ export const SOCIAL_CONFIG = [
     labelKey: 'links.feedback',
   },
   {
-    icon: <IconifyIcon icon={simpleIconsGitHub} className="mr-2" fontSize="12px" />,
+    icon: (
+      <IconifyIcon icon={simpleIconsGitHub} className="mr-2" fontSize="12px" />
+    ),
     href: 'https://github.com/MaaAssistantArknights/MaaAssistantArknights',
     labelKey: 'links.maa_repo',
   },
   {
-    icon: <IconifyIcon icon={simpleIconsGitHub} className="mr-2" fontSize="12px" />,
+    icon: (
+      <IconifyIcon icon={simpleIconsGitHub} className="mr-2" fontSize="12px" />
+    ),
     href: 'https://github.com/MaaAssistantArknights/maa-copilot-frontend',
     labelKey: 'links.frontend_repo',
   },
   {
-    icon: <IconifyIcon icon={simpleIconsGitHub} className="mr-2" fontSize="12px" />,
+    icon: (
+      <IconifyIcon icon={simpleIconsGitHub} className="mr-2" fontSize="12px" />
+    ),
     href: 'https://github.com/MaaAssistantArknights/MaaBackendCenter',
     labelKey: 'links.backend_repo',
   },