chore: run prettier on walletd webui

tari-project · Jun 24, 2024 · 2053d11 · 2053d11
1 parent 6d69337
commit 2053d11
Show file tree

Hide file tree

Showing 19 changed files with 549 additions and 565 deletions.
diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
@@ -64,7 +64,7 @@ jobs:
 
       - name: prettier
         run: |
-          npx prettier --check "./applications/{tari_validator_node_web_ui,tari_indexer_web_ui,tari_dan_wallet_web_ui}/src/*.{ts,tsx,css,json}"
+          npx prettier --check "./applications/{tari_validator_node_web_ui,tari_indexer_web_ui,tari_dan_wallet_web_ui}/src/*.{ts,tsx,json}"
 
   clippy:
     name: clippy

diff --git a/.prettierrc → .prettierrc.mjs b/.prettierrc → .prettierrc.mjs
@@ -1,4 +1,4 @@
-{
+export default {
   "printWidth": 120,
   "tabWidth": 2,
   "useTabs": false,
@@ -9,5 +9,5 @@
   "bracketSpacing": true,
   "bracketSameLine": false,
   "arrowParens": "always",
-  "endOfLine": "lf"
-}
+  "endOfLine": "lf",
+};
diff --git a/applications/tari_dan_wallet_web_ui/.prettierrc.js b/applications/tari_dan_wallet_web_ui/.prettierrc.js
@@ -0,0 +1,3 @@
+import base from "../../.prettierrc.mjs";
+
+export default base;
diff --git a/applications/tari_dan_wallet_web_ui/package-lock.json b/applications/tari_dan_wallet_web_ui/package-lock.json
diff --git a/applications/tari_dan_wallet_web_ui/package.json b/applications/tari_dan_wallet_web_ui/package.json
@@ -16,13 +16,13 @@
     "@mui/x-data-grid": "^6.0.2",
     "@tanstack/react-query": "^4.33.0",
     "@tanstack/react-query-devtools": "^4.33.0",
+    "@tariproject/typescript-bindings": "file:../../bindings",
+    "@tariproject/wallet_daemon_client": "file:../../clients/javascript/wallet_daemon_client",
     "file-saver": "^2.0.5",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-icons": "^4.9.0",
     "react-router-dom": "^6.9.0",
-    "@tariproject/typescript-bindings": "file:../../bindings",
-    "@tariproject/wallet_daemon_client": "file:../../clients/javascript/wallet_daemon_client",
     "use-react-router-breadcrumbs": "^4.0.1",
     "zustand": "^4.4.1",
     "zustand-persist": "^0.1.6"
@@ -32,6 +32,7 @@
     "@types/react": "^18.0.28",
     "@types/react-dom": "^18.0.11",
     "@vitejs/plugin-react-swc": "^3.0.0",
+    "prettier": "^3.3.2",
     "typescript": "^4.9.3",
     "vite": "^4.5.3"
   }

diff --git a/applications/tari_dan_wallet_web_ui/src/Components/Accordion.tsx b/applications/tari_dan_wallet_web_ui/src/Components/Accordion.tsx
@@ -29,7 +29,7 @@ import MuiAccordionDetails from "@mui/material/AccordionDetails";
 export const Accordion = styled((props: AccordionProps) => (
   <MuiAccordion disableGutters elevation={0} square {...props} />
 ))(({ theme }) => ({
-  border: `2px solid ${theme.palette.background.paper}`,
+  "border": `2px solid ${theme.palette.background.paper}`,
   "&:not(:last-child)": {
     borderBottom: 0,
   },
@@ -41,8 +41,8 @@ export const Accordion = styled((props: AccordionProps) => (
 export const AccordionSummary = styled((props: AccordionSummaryProps) => (
   <MuiAccordionSummary expandIcon={<KeyboardArrowRightRoundedIcon />} {...props} />
 ))(({ theme }) => ({
-  backgroundColor: theme.palette.divider,
-  flexDirection: "row-reverse",
+  "backgroundColor": theme.palette.divider,
+  "flexDirection": "row-reverse",
   "& .MuiAccordionSummary-expandIconWrapper.Mui-expanded": {
     transform: "rotate(90deg)",
   },

diff --git a/applications/tari_dan_wallet_web_ui/src/Components/ConnectorLink/Permissions.tsx b/applications/tari_dan_wallet_web_ui/src/Components/ConnectorLink/Permissions.tsx
@@ -36,11 +36,7 @@ export default function Permissions(props: {
   optionalPermissions: TariPermission[];
   setOptionalPermissions: any;
 }) {
-  const {
-    requiredPermissions,
-    optionalPermissions,
-    setOptionalPermissions,
-  } = props;
+  const { requiredPermissions, optionalPermissions, setOptionalPermissions } = props;
   const [permissions, setPermissions] = useState(
     optionalPermissions.map((permission, index) => {
       return { id: index, name: permission.toString(), checked: true };
@@ -71,7 +67,7 @@ export default function Permissions(props: {
       <FormControl component="fieldset" variant="standard" style={{ width: "100%" }}>
         <Divider />
         <FormGroup>
-          {requiredPermissions.map((permission, i) =>
+          {requiredPermissions.map((permission, i) => (
             <React.Fragment key={i}>
               <FormControlLabel
                 control={<Switch checked={true} disabled={true} />}
@@ -81,11 +77,11 @@ export default function Permissions(props: {
                 className="permissions-switch"
               />
               <Divider />
-            </React.Fragment>,
-          )}
+            </React.Fragment>
+          ))}
         </FormGroup>
         <FormGroup>
-          {permissions.map(({ checked, name, id }, i) =>
+          {permissions.map(({ checked, name, id }, i) => (
             <React.Fragment key={i}>
               <FormControlLabel
                 control={<Switch checked={checked} onChange={() => handleChange(id)} name={name} value={name} />}
@@ -95,8 +91,8 @@ export default function Permissions(props: {
                 className="permissions-switch"
               />
               <Divider />
-            </React.Fragment>,
-          )}
+            </React.Fragment>
+          ))}
         </FormGroup>
         <FormHelperText style={{ marginBottom: "20px", marginTop: "20px" }}>
           You may be sharing sensitive information with this site. Approve or deny access above.

diff --git a/applications/tari_dan_wallet_web_ui/src/Components/NFTList.tsx b/applications/tari_dan_wallet_web_ui/src/Components/NFTList.tsx
@@ -64,7 +64,6 @@ function displayNftId(nftId: NonFungibleId) {
     return `String:${nftId.String}`;
   }
 
-
   return JSON.stringify(nftId);
 }
 
@@ -76,12 +75,7 @@ export interface NftListProps {
 }
 
 export default function NFTList(props: NftListProps) {
-  const {
-    nftsListIsError,
-    nftsListIsFetching,
-    nftsListError,
-    nftsListData,
-  } = props;
+  const { nftsListIsError, nftsListIsFetching, nftsListError, nftsListData } = props;
   if (nftsListIsError || nftsListIsFetching) {
     <FetchStatusCheck
       isError={nftsListIsError}

diff --git a/applications/tari_dan_wallet_web_ui/src/Components/StyledComponents.ts b/applications/tari_dan_wallet_web_ui/src/Components/StyledComponents.ts
@@ -28,8 +28,8 @@ import IconButton from "@mui/material/IconButton";
 import Typography from "@mui/material/Typography";
 
 export const AccordionIconButton = styled(IconButton)(({ theme }) => ({
-  backgroundColor: theme.palette.divider,
-  color: theme.palette.primary.main,
+  "backgroundColor": theme.palette.divider,
+  "color": theme.palette.primary.main,
   "&:hover": {
     backgroundColor: theme.palette.primary.main,
     color: "#fff",

diff --git a/applications/tari_dan_wallet_web_ui/src/api/hooks/useAccounts.tsx b/applications/tari_dan_wallet_web_ui/src/api/hooks/useAccounts.tsx
@@ -128,16 +128,15 @@ export const useAccountsTransfer = (
 };
 
 export const useAccountsCreateFreeTestCoins = () => {
-  const createFreeTestCoins = async (
-    {
-      accountName,
-      amount,
-      fee,
-    }: {
-      accountName: string | null;
-      amount: number;
-      fee: number | null;
-    }) => {
+  const createFreeTestCoins = async ({
+    accountName,
+    amount,
+    fee,
+  }: {
+    accountName: string | null;
+    amount: number;
+    fee: number | null;
+  }) => {
     const result = await accountsCreateFreeTestCoins({
       account: (accountName && { Name: accountName }) || null,
       amount,
@@ -168,7 +167,6 @@ export const useAccountsList = (offset: number, limit: number) => {
   });
 };
 
-
 export const useAccountsGetBalances = (accountName: string, refresh: boolean = false) => {
   return useQuery({
     queryKey: ["accounts_balances"],

diff --git a/applications/tari_dan_wallet_web_ui/src/routes/AssetVault/Components/Assets.tsx b/applications/tari_dan_wallet_web_ui/src/routes/AssetVault/Components/Assets.tsx
@@ -60,15 +60,8 @@ interface BalanceRowProps {
 }
 
 function BalanceRow(props: BalanceRowProps) {
-  const {
-    token_symbol,
-    resource_address,
-    resource_type,
-    balance,
-    confidential_balance,
-    vault_address,
-    onSendClicked,
-  } = props;
+  const { token_symbol, resource_address, resource_type, balance, confidential_balance, vault_address, onSendClicked } =
+    props;
   const { showBalance } = useAccountStore();
   return (
     <TableRow key={token_symbol || resource_address}>
@@ -79,11 +72,7 @@ function BalanceRow(props: BalanceRowProps) {
       <DataTableCell>{resource_type}</DataTableCell>
       <DataTableCell>{showBalance ? balance : "*************"}</DataTableCell>
       <DataTableCell>
-        <ConfidentialBalance
-          show={showBalance}
-          resourceType={resource_type}
-          balance={confidential_balance}
-        />
+        <ConfidentialBalance show={showBalance} resourceType={resource_type} balance={confidential_balance} />
       </DataTableCell>
       <DataTableCell>
         <Button variant="outlined" onClick={() => onSendClicked?.(resource_address, resource_type)}>
@@ -94,7 +83,7 @@ function BalanceRow(props: BalanceRowProps) {
   );
 }
 
-function ConfidentialBalance(props: { show: boolean, balance: number, resourceType: string }) {
+function ConfidentialBalance(props: { show: boolean; balance: number; resourceType: string }) {
   switch (props.resourceType) {
     case "Confidential":
       return <>{props.show ? props.balance : "**************"}</>;
@@ -125,15 +114,15 @@ function TabPanel(props: TabPanelProps) {
 
 function tabProps(index: number) {
   return {
-    id: `asset-tab-${index}`,
+    "id": `asset-tab-${index}`,
     "aria-controls": `asset-tabpanel-${index}`,
   };
 }
 
 function Assets({ accountName }: { accountName: string }) {
   const [resourceToSend, setResourceToSend] = useState<{
-    address: ResourceAddress,
-    resource_type: ResourceType
+    address: ResourceAddress;
+    resource_type: ResourceType;
   } | null>(null);
   const [value, setValue] = useState(0);
 

diff --git a/applications/tari_dan_wallet_web_ui/src/routes/AssetVault/Components/SendMoney.tsx b/applications/tari_dan_wallet_web_ui/src/routes/AssetVault/Components/SendMoney.tsx
@@ -68,7 +68,7 @@ export default function SendMoney() {
 export interface SendMoneyDialogProps {
   open: boolean;
   resource_address?: ResourceAddress;
-  resource_type?: ResourceType,
+  resource_type?: ResourceType;
   onSendComplete?: () => void;
   handleClose: () => void;
 }
@@ -181,7 +181,10 @@ export function SendMoneyDialog(props: SendMoneyDialogProps) {
                 title: "Fee estimate failed",
                 error: true,
                 // TODO: fix this
-                message: JSON.stringify(unionGet(result.result.result, "Reject" as keyof TransactionResult) || unionGet(result.result.result, "AcceptFeeRejectRest" as keyof TransactionResult)?.[1]),
+                message: JSON.stringify(
+                  unionGet(result.result.result, "Reject" as keyof TransactionResult) ||
+                    unionGet(result.result.result, "AcceptFeeRejectRest" as keyof TransactionResult)?.[1],
+                ),
               });
               return;
             }
@@ -274,18 +277,10 @@ export function SendMoneyDialog(props: SendMoneyDialogProps) {
                 value={transferFormState.inputSelection}
                 onChange={setSelectFormValue}
               >
-                <MenuItem value="PreferRevealed">
-                  Spend revealed funds first, then confidential
-                </MenuItem>
-                <MenuItem value="PreferConfidential">
-                  Spend confidential funds first, then revealed
-                </MenuItem>
-                <MenuItem value="ConfidentialOnly">
-                  Only spend confidential funds
-                </MenuItem>
-                <MenuItem value="RevealedOnly">
-                  Only spend revealed funds
-                </MenuItem>
+                <MenuItem value="PreferRevealed">Spend revealed funds first, then confidential</MenuItem>
+                <MenuItem value="PreferConfidential">Spend confidential funds first, then revealed</MenuItem>
+                <MenuItem value="ConfidentialOnly">Only spend confidential funds</MenuItem>
+                <MenuItem value="RevealedOnly">Only spend revealed funds</MenuItem>
               </Select>
             </>
           )}
@@ -326,7 +321,6 @@ export function SendMoneyDialog(props: SendMoneyDialogProps) {
   );
 }
 
-
 function unionGet<T extends object>(object: T, key: keyof T): T[keyof T] | null {
   return key in object ? object[key] : null;
-}
+}
diff --git a/applications/tari_dan_wallet_web_ui/src/routes/Settings/Components/SettingsTabs.tsx b/applications/tari_dan_wallet_web_ui/src/routes/Settings/Components/SettingsTabs.tsx
@@ -57,7 +57,7 @@ function CustomTabPanel(props: TabPanelProps) {
 
 function a11yProps(index: number) {
   return {
-    id: `simple-tab-${index}`,
+    "id": `simple-tab-${index}`,
     "aria-controls": `simple-tabpanel-${index}`,
   };
 }