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

@@ -24,9 +24,7 @@ import { subscribe as subscribeLegacy } from '@/utils/event-legacy';
  * list of all available accounts from the backend.
  * Returns a method to unsubscribe.
  */
-export const syncAccountsList = (
-  cb: (accounts: accountAPI.IAccount[],) => void
-): TUnsubscribe => {
+export const syncAccountsList = (cb: (accounts: accountAPI.IAccount[]) => void): TUnsubscribe => {
   return subscribeEndpoint('accounts', cb);
 };
 
@@ -36,12 +34,8 @@ 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,
-    ) => {
+  return (cb: TSubscriptionCallback<number>) => {
+    return subscribeEndpoint(`account/${code}/synced-addresses-count`, (count: number) => {
       cb(count);
     });
   };
@@ -52,10 +46,8 @@ export const syncAddressesCount = (code: accountAPI.AccountCode) => {
  * used as event to call accountAPI.getStatus(code).
  * Returns a method to unsubscribe.
  */
-export const statusChanged = (
-  cb: (code: accountAPI.AccountCode) => void,
-): TUnsubscribe => {
-  const unsubscribe = subscribeLegacy('statusChanged', event => {
+export const statusChanged = (cb: (code: accountAPI.AccountCode) => void): TUnsubscribe => {
+  const unsubscribe = subscribeLegacy('statusChanged', (event) => {
     if (event.type === 'account' && event.code) {
       cb(event.code);
     }
@@ -67,10 +59,8 @@ export const statusChanged = (
  * Fired when the account is fully synced.
  * Returns a method to unsubscribe.
  */
-export const syncdone = (
-  cb: (code: accountAPI.AccountCode) => void,
-): TUnsubscribe => {
-  return subscribeLegacy('syncdone', event => {
+export const syncdone = (cb: (code: accountAPI.AccountCode) => void): TUnsubscribe => {
+  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,16 +20,16 @@ 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[]> => {
@@ -43,7 +43,7 @@ export const setAccountActive = (accountCode: AccountCode, active: boolean): Pro
 export const setTokenActive = (
   accountCode: AccountCode,
   tokenCode: ERC20CoinCode,
-  active: boolean,
+  active: boolean
 ): Promise<ISuccess> => {
   return apiPost('set-token-active', { accountCode, tokenCode, active });
 };
@@ -64,7 +64,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,26 +82,25 @@ 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,
-    ) => {
+  return (cb: TSubscriptionCallback<TSyncConnectKeystore>) => {
+    return subscribeEndpoint('connect-keystore', (obj: TSyncConnectKeystore) => {
       cb(obj);
     });
   };
@@ -124,14 +123,10 @@ 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 +136,7 @@ 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 +145,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,19 @@ 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
-): Promise<BackupResponse | FailResponse> => {
+export const getBackupList = (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,22 +20,19 @@ 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}`);
 };
 
-export const syncBanner = (
-  msgKey: string,
-  cb: (banner: TBannerInfo) => void,
-): TUnsubscribe => {
+export const syncBanner = (msgKey: string, cb: (banner: TBannerInfo) => void): TUnsubscribe => {
   return subscribeEndpoint(`banners/${msgKey}`, cb);
 };

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`);
 };