chore: prettier files

app/assets/javascripts/Components/Preferences/Panes/TwoFactorAuth/AuthAppInfoPopup.tsx

@@ -14,9 +14,7 @@ const DisclosureIconButton: FunctionComponent<{
   <DisclosureButton
     onMouseEnter={onMouseEnter}
     onMouseLeave={onMouseLeave}
-    className={`no-border cursor-pointer bg-transparent hover:brightness-130 p-0 ${
-      className ?? ''
-    }`}
+    className={`no-border cursor-pointer bg-transparent hover:brightness-130 p-0 ${className ?? ''}`}
   >
     <Icon type={icon} />
   </DisclosureButton>
@@ -56,8 +54,8 @@ export const AuthAppInfoTooltip: FunctionComponent = () => {
             className={`bg-inverted-default color-inverted-default text-center rounded shadow-overlay 
 py-1.5 px-2 absolute w-103 -top-10 -left-51`}
           >
-            Some apps, like Google Authenticator, do not back up and restore your secret keys if you
-            lose your device or get a new one.
+            Some apps, like Google Authenticator, do not back up and restore your secret keys if you lose your device or
+            get a new one.
           </div>
         </DisclosurePanel>
       </div>

app/assets/javascripts/Components/Preferences/Panes/TwoFactorAuth/SaveSecretKey.tsx

@@ -76,18 +76,8 @@ export const SaveSecretKey: FunctionComponent<{
         </div>
       </ModalDialogDescription>
       <ModalDialogButtons>
-        <Button
-          className="min-w-20"
-          variant="normal"
-          label="Back"
-          onClick={() => act.openScanQRCode()}
-        />
-        <Button
-          className="min-w-20"
-          variant="primary"
-          label="Next"
-          onClick={() => act.openVerification()}
-        />
+        <Button className="min-w-20" variant="normal" label="Back" onClick={() => act.openScanQRCode()} />
+        <Button className="min-w-20" variant="primary" label="Next" onClick={() => act.openVerification()} />
       </ModalDialogButtons>
     </ModalDialog>
   )

app/assets/javascripts/Components/Preferences/Panes/TwoFactorAuth/ScanQRCode.tsx

@@ -19,16 +19,10 @@ export const ScanQRCode: FunctionComponent<{
 }> = observer(({ activation: act }) => {
   return (
     <ModalDialog>
-      <ModalDialogLabel closeDialog={act.cancelActivation}>
-        Step 1 of 3 - Scan QR code
-      </ModalDialogLabel>
+      <ModalDialogLabel closeDialog={act.cancelActivation}>Step 1 of 3 - Scan QR code</ModalDialogLabel>
       <ModalDialogDescription className="h-33">
         <div className="w-25 h-25 flex items-center justify-center bg-info">
-          <QRCode
-            className="border-neutral-contrast-bg border-solid border-2"
-            value={act.qrCode}
-            size={100}
-          />
+          <QRCode className="border-neutral-contrast-bg border-solid border-2" value={act.qrCode} size={100} />
         </div>
         <div className="min-w-5" />
         <div className="flex-grow flex flex-col">
@@ -59,18 +53,8 @@ export const ScanQRCode: FunctionComponent<{
         </div>
       </ModalDialogDescription>
       <ModalDialogButtons>
-        <Button
-          className="min-w-20"
-          variant="normal"
-          label="Cancel"
-          onClick={() => act.cancelActivation()}
-        />
-        <Button
-          className="min-w-20"
-          variant="primary"
-          label="Next"
-          onClick={() => act.openSaveSecretKey()}
-        />
+        <Button className="min-w-20" variant="normal" label="Cancel" onClick={() => act.cancelActivation()} />
+        <Button className="min-w-20" variant="primary" label="Next" onClick={() => act.openSaveSecretKey()} />
       </ModalDialogButtons>
     </ModalDialog>
   )

app/assets/javascripts/Components/Preferences/Panes/TwoFactorAuth/TwoFactorActivation.ts

@@ -25,12 +25,7 @@ export class TwoFactorActivation {
 
     makeAutoObservable<
       TwoFactorActivation,
-      | '_secretKey'
-      | '_authCode'
-      | '_step'
-      | '_enable2FAVerification'
-      | 'inputOtpToken'
-      | 'inputSecretKey'
+      '_secretKey' | '_authCode' | '_step' | '_enable2FAVerification' | 'inputOtpToken' | 'inputSecretKey'
     >(
       this,
       {

app/assets/javascripts/Components/Preferences/Panes/TwoFactorAuth/TwoFactorAuth.ts

@@ -10,23 +10,16 @@ export const is2FADisabled = (status: TwoFactorStatus): status is 'two-factor-di
 export const is2FAActivation = (status: TwoFactorStatus): status is TwoFactorActivation =>
   (status as TwoFactorActivation)?.type === 'two-factor-activation'
 
-export const is2FAEnabled = (status: TwoFactorStatus): status is 'two-factor-enabled' =>
-  status === 'two-factor-enabled'
+export const is2FAEnabled = (status: TwoFactorStatus): status is 'two-factor-enabled' => status === 'two-factor-enabled'
 
 export class TwoFactorAuth {
   private _status: TwoFactorStatus | 'fetching' = 'fetching'
   private _errorMessage: string | null
 
-  constructor(
-    private readonly mfaProvider: MfaProvider,
-    private readonly userProvider: UserProvider,
-  ) {
+  constructor(private readonly mfaProvider: MfaProvider, private readonly userProvider: UserProvider) {
     this._errorMessage = null
 
-    makeAutoObservable<
-      TwoFactorAuth,
-      '_status' | '_errorMessage' | 'deactivateMfa' | 'startActivation'
-    >(
+    makeAutoObservable<TwoFactorAuth, '_status' | '_errorMessage' | 'deactivateMfa' | 'startActivation'>(
       this,
       {
         _status: observable,

app/assets/javascripts/Components/Preferences/Panes/TwoFactorAuth/TwoFactorAuthView.tsx

@@ -1,10 +1,5 @@
 import { FunctionComponent } from 'preact'
-import {
-  Title,
-  Text,
-  PreferencesGroup,
-  PreferencesSegment,
-} from '@/Components/Preferences/PreferencesComponents'
+import { Title, Text, PreferencesGroup, PreferencesSegment } from '@/Components/Preferences/PreferencesComponents'
 import { Switch } from '@/Components/Switch'
 import { observer } from 'mobx-react-lite'
 import { is2FAActivation, is2FADisabled, TwoFactorAuth } from './TwoFactorAuth'

app/assets/javascripts/Components/Preferences/Panes/TwoFactorAuth/TwoFactorSuccess.tsx

@@ -16,18 +16,11 @@ export const TwoFactorSuccess: FunctionComponent<{
     <ModalDialogLabel closeDialog={act.finishActivation}>Successfully Enabled</ModalDialogLabel>
     <ModalDialogDescription>
       <div className="flex flex-row items-center justify-center pt-2">
-        <Subtitle>
-          Two-factor authentication has been successfully enabled for your account.
-        </Subtitle>
+        <Subtitle>Two-factor authentication has been successfully enabled for your account.</Subtitle>
       </div>
     </ModalDialogDescription>
     <ModalDialogButtons>
-      <Button
-        className="min-w-20"
-        variant="primary"
-        label="Finish"
-        onClick={act.finishActivation}
-      />
+      <Button className="min-w-20" variant="primary" label="Finish" onClick={act.finishActivation} />
     </ModalDialogButtons>
   </ModalDialog>
 ))

app/assets/javascripts/Components/Preferences/Panes/TwoFactorAuth/Verification.tsx

@@ -18,9 +18,7 @@ export const Verification: FunctionComponent<{
   const authTokenClass = act.verificationStatus === 'invalid-auth-code' ? 'border-danger' : ''
   return (
     <ModalDialog>
-      <ModalDialogLabel closeDialog={act.cancelActivation}>
-        Step 3 of 3 - Verification
-      </ModalDialogLabel>
+      <ModalDialogLabel closeDialog={act.cancelActivation}>Step 3 of 3 - Verification</ModalDialogLabel>
       <ModalDialogDescription className="h-33">
         <div className="flex-grow flex flex-col">
           <div className="flex flex-row items-center mb-4">
@@ -45,21 +43,12 @@ export const Verification: FunctionComponent<{
       </ModalDialogDescription>
       <ModalDialogButtons>
         {act.verificationStatus === 'invalid-auth-code' && (
-          <div className="text-sm color-danger flex-grow">
-            Incorrect authentication code, please try again.
-          </div>
+          <div className="text-sm color-danger flex-grow">Incorrect authentication code, please try again.</div>
         )}
         {act.verificationStatus === 'invalid-secret' && (
-          <div className="text-sm color-danger flex-grow">
-            Incorrect secret key, please try again.
-          </div>
+          <div className="text-sm color-danger flex-grow">Incorrect secret key, please try again.</div>
         )}
-        <Button
-          className="min-w-20"
-          variant="normal"
-          label="Back"
-          onClick={act.openSaveSecretKey}
-        />
+        <Button className="min-w-20" variant="normal" label="Back" onClick={act.openSaveSecretKey} />
         <Button className="min-w-20" variant="primary" label="Next" onClick={act.enable2FA} />
       </ModalDialogButtons>
     </ModalDialog>