frontend/formatting: format files with prettier

`prettier --write "**/*.{ts,tsx,js,jsx}"` launched from
frontend/web/src/

Please note that `hooks/api.ts` has been slightly modified, to keep
the `react-hooks/exhaustive-deps` lint disable active.

Author: Beerosagos

frontends/web/src/api/account.ts

@@ -25,7 +25,7 @@ import { subscribe as subscribeLegacy } from '@/utils/event-legacy';
  * Returns a method to unsubscribe.
  */
 export const syncAccountsList = (
-  cb: (accounts: accountAPI.IAccount[],) => void
+  cb: (accounts: accountAPI.IAccount[]) => void,
 ): TUnsubscribe => {
   return subscribeEndpoint('accounts', cb);
 };
@@ -36,14 +36,13 @@ export const syncAccountsList = (
  * Meant to be used with `useSubscribe`.
  */
 export const syncAddressesCount = (code: accountAPI.AccountCode) => {
-  return (
-    cb: TSubscriptionCallback<number>
-  ) => {
-    return subscribeEndpoint(`account/${code}/synced-addresses-count`, (
-      count: number,
-    ) => {
-      cb(count);
-    });
+  return (cb: TSubscriptionCallback<number>) => {
+    return subscribeEndpoint(
+      `account/${code}/synced-addresses-count`,
+      (count: number) => {
+        cb(count);
+      },
+    );
   };
 };
 
@@ -55,7 +54,7 @@ export const syncAddressesCount = (code: accountAPI.AccountCode) => {
 export const statusChanged = (
   cb: (code: accountAPI.AccountCode) => void,
 ): TUnsubscribe => {
-  const unsubscribe = subscribeLegacy('statusChanged', event => {
+  const unsubscribe = subscribeLegacy('statusChanged', (event) => {
     if (event.type === 'account' && event.code) {
       cb(event.code);
     }
@@ -70,7 +69,7 @@ export const statusChanged = (
 export const syncdone = (
   cb: (code: accountAPI.AccountCode) => void,
 ): TUnsubscribe => {
-  return subscribeLegacy('syncdone', event => {
+  return subscribeLegacy('syncdone', (event) => {
     if (event.type === 'account' && event.code) {
       cb(event.code);
     }

frontends/web/src/api/accountsync.ts

@@ -20,38 +20,51 @@ import type { TUnsubscribe } from '@/utils/transport-common';
 import { subscribeEndpoint } from './subscribe';
 
 export interface Account {
-    name: string;
-    code: AccountCode;
+  name: string;
+  code: AccountCode;
 }
 
 interface Accounts extends Array<Account> {
-    0: Account,
+  0: Account;
 }
 
-export type Aopp = {
-    state: 'error';
-    errorCode: 'aoppUnsupportedAsset' | 'aoppVersion' | 'aoppInvalidRequest' | 'aoppNoAccounts' | 'aoppUnsupportedKeystore' | 'aoppUnknown' | 'aoppSigningAborted' | 'aoppCallback';
-    callback: string;
-} | {
-    state: 'inactive';
-} | {
-    state: 'user-approval' | 'awaiting-keystore' | 'syncing';
-    message: string;
-    callback: string;
-    xpubRequired: boolean;
-} | {
-    state: 'choosing-account';
-    accounts: Accounts;
-    message: string;
-    callback: string;
-} | {
-    state: 'signing' | 'success';
-    address: string;
-    addressID: string;
-    message: string;
-    callback: string;
-    accountCode: AccountCode;
-};
+export type Aopp =
+  | {
+      state: 'error';
+      errorCode:
+        | 'aoppUnsupportedAsset'
+        | 'aoppVersion'
+        | 'aoppInvalidRequest'
+        | 'aoppNoAccounts'
+        | 'aoppUnsupportedKeystore'
+        | 'aoppUnknown'
+        | 'aoppSigningAborted'
+        | 'aoppCallback';
+      callback: string;
+    }
+  | {
+      state: 'inactive';
+    }
+  | {
+      state: 'user-approval' | 'awaiting-keystore' | 'syncing';
+      message: string;
+      callback: string;
+      xpubRequired: boolean;
+    }
+  | {
+      state: 'choosing-account';
+      accounts: Accounts;
+      message: string;
+      callback: string;
+    }
+  | {
+      state: 'signing' | 'success';
+      address: string;
+      addressID: string;
+      message: string;
+      callback: string;
+      accountCode: AccountCode;
+    };
 
 export const cancel = (): Promise<null> => {
   return apiPost('aopp/cancel');
@@ -69,8 +82,6 @@ export const getAOPP = (): Promise<Aopp> => {
   return apiGet('aopp');
 };
 
-export const subscribeAOPP = (
-  cb: (aopp: Aopp) => void
-): TUnsubscribe => {
+export const subscribeAOPP = (cb: (aopp: Aopp) => void): TUnsubscribe => {
   return subscribeEndpoint('aopp', cb);
 };

frontends/web/src/api/aopp.ts

@@ -20,23 +20,26 @@ import { apiGet, apiPost } from '@/utils/request';
 import { TSubscriptionCallback, subscribeEndpoint } from './subscribe';
 
 export interface ICoin {
-    coinCode: CoinCode;
-    name: string;
-    canAddAccount: boolean;
-    suggestedAccountName: string;
+  coinCode: CoinCode;
+  name: string;
+  canAddAccount: boolean;
+  suggestedAccountName: string;
 }
 
 export interface ISuccess {
-    success: boolean;
-    errorMessage?: string;
-    errorCode?: string;
+  success: boolean;
+  errorMessage?: string;
+  errorCode?: string;
 }
 
 export const getSupportedCoins = (): Promise<ICoin[]> => {
   return apiGet('supported-coins');
 };
 
-export const setAccountActive = (accountCode: AccountCode, active: boolean): Promise<ISuccess> => {
+export const setAccountActive = (
+  accountCode: AccountCode,
+  active: boolean,
+): Promise<ISuccess> => {
   return apiPost('set-account-active', { accountCode, active });
 };
 
@@ -48,7 +51,10 @@ export const setTokenActive = (
   return apiPost('set-token-active', { accountCode, tokenCode, active });
 };
 
-export const renameAccount = (accountCode: AccountCode, name: string): Promise<ISuccess> => {
+export const renameAccount = (
+  accountCode: AccountCode,
+  name: string,
+): Promise<ISuccess> => {
   return apiPost('rename-account', { accountCode, name });
 };
 
@@ -64,7 +70,7 @@ export const getDevServers = (): Promise<boolean> => {
   return apiGet('dev-servers');
 };
 
-export type TQRCode = FailResponse | (SuccessResponse & { data: string; });
+export type TQRCode = FailResponse | (SuccessResponse & { data: string });
 
 export const getQRCode = (data: string) => {
   return (): Promise<TQRCode> => {
@@ -82,36 +88,41 @@ export const socksProxyCheck = (proxyAddress: string): Promise<ISuccess> => {
 
 export type TConnectKeystoreErrorCode = 'wrongKeystore' | 'timeout';
 
-export type TSyncConnectKeystore = null | {
-  typ: 'connect';
-  keystoreName: string;
-} | {
-  typ: 'error';
-  errorCode?: TConnectKeystoreErrorCode;
-  errorMessage: string;
-};
+export type TSyncConnectKeystore =
+  | null
+  | {
+      typ: 'connect';
+      keystoreName: string;
+    }
+  | {
+      typ: 'error';
+      errorCode?: TConnectKeystoreErrorCode;
+      errorMessage: string;
+    };
 
 /**
  * Returns a function that subscribes a callback on a "connect-keystore".
  * Meant to be used with `useSubscribe`.
  */
 export const syncConnectKeystore = () => {
-  return (
-    cb: TSubscriptionCallback<TSyncConnectKeystore>
-  ) => {
-    return subscribeEndpoint('connect-keystore', (
-      obj: TSyncConnectKeystore,
-    ) => {
-      cb(obj);
-    });
+  return (cb: TSubscriptionCallback<TSyncConnectKeystore>) => {
+    return subscribeEndpoint(
+      'connect-keystore',
+      (obj: TSyncConnectKeystore) => {
+        cb(obj);
+      },
+    );
   };
 };
 
 export const cancelConnectKeystore = (): Promise<void> => {
   return apiPost('cancel-connect-keystore');
 };
 
-export const setWatchonly = (rootFingerprint: string, watchonly: boolean): Promise<ISuccess> => {
+export const setWatchonly = (
+  rootFingerprint: string,
+  watchonly: boolean,
+): Promise<ISuccess> => {
   return apiPost('set-watchonly', { rootFingerprint, watchonly });
 };
 
@@ -124,14 +135,16 @@ export const forceAuth = (): Promise<void> => {
 };
 
 export type TAuthEventObject = {
-  typ: 'auth-required' | 'auth-forced' | 'auth-canceled' | 'auth-ok' | 'auth-err' ;
+  typ:
+    | 'auth-required'
+    | 'auth-forced'
+    | 'auth-canceled'
+    | 'auth-ok'
+    | 'auth-err';
 };
 
-export const subscribeAuth = (
-  cb: TSubscriptionCallback<TAuthEventObject>
-) => (
-  subscribeEndpoint('auth', cb)
-);
+export const subscribeAuth = (cb: TSubscriptionCallback<TAuthEventObject>) =>
+  subscribeEndpoint('auth', cb);
 
 export const onAuthSettingChanged = (): Promise<void> => {
   return apiPost('on-auth-setting-changed');
@@ -141,7 +154,9 @@ export const exportLogs = (): Promise<ISuccess> => {
   return apiPost('export-log');
 };
 
-export const exportNotes = (): Promise<(FailResponse & { aborted: boolean; }) | SuccessResponse> => {
+export const exportNotes = (): Promise<
+  (FailResponse & { aborted: boolean }) | SuccessResponse
+> => {
   return apiPost('notes/export');
 };
 
@@ -150,9 +165,11 @@ export type TImportNotes = {
   transactionCount: number;
 };
 
-export const importNotes = (fileContents: ArrayBuffer): Promise<FailResponse | (SuccessResponse & { data: TImportNotes; })> => {
+export const importNotes = (
+  fileContents: ArrayBuffer,
+): Promise<FailResponse | (SuccessResponse & { data: TImportNotes })> => {
   const hexString = Array.from(new Uint8Array(fileContents))
-    .map(byte => byte.toString(16).padStart(2, '0'))
+    .map((byte) => byte.toString(16).padStart(2, '0'))
     .join('');
   return apiPost('notes/import', hexString);
 };

frontends/web/src/api/backend.ts

@@ -3,24 +3,22 @@ import { FailResponse } from './response';
 import { TSubscriptionCallback, subscribeEndpoint } from './subscribe';
 
 export type Backup = {
-    id: string;
-    date: string;
-    name: string;
+  id: string;
+  date: string;
+  name: string;
 };
 
 type BackupResponse = {
-    success: true;
-    backups: Backup[];
-}
+  success: true;
+  backups: Backup[];
+};
 
 export const getBackupList = (
-  deviceID: string
+  deviceID: string,
 ): Promise<BackupResponse | FailResponse> => {
   return apiGet(`devices/bitbox02/${deviceID}/backups/list`);
 };
 
-export const subscribeBackupList = (deviceID: string) => (
-  (cb: TSubscriptionCallback<BackupResponse>) => (
-    subscribeEndpoint(`devices/bitbox02/${deviceID}/backups/list`, cb)
-  )
-);
+export const subscribeBackupList =
+  (deviceID: string) => (cb: TSubscriptionCallback<BackupResponse>) =>
+    subscribeEndpoint(`devices/bitbox02/${deviceID}/backups/list`, cb);

frontends/web/src/api/backup.ts

@@ -20,14 +20,14 @@ import type { TMessageTypes } from '@/utils/types';
 
 export type TBannerInfo = {
   id: string;
-  message: { [key: string]: string; };
+  message: { [key: string]: string };
   link?: {
     href: string;
     text?: string;
   };
   dismissible?: boolean;
   type?: TMessageTypes;
-}
+};
 
 export const getBanner = (msgKey: string): Promise<TBannerInfo> => {
   return apiGet(`banners/${msgKey}`);

frontends/web/src/api/banners.ts

@@ -32,8 +32,6 @@ export type DeviceInfo = {
   version: string;
 };
 
-export const getDeviceInfo = (
-  deviceID: string,
-): Promise<DeviceInfo | null> => {
+export const getDeviceInfo = (deviceID: string): Promise<DeviceInfo | null> => {
   return apiGet(`devices/${deviceID}/info`);
 };