run prettier

src/app/CreateSafe.tsx

@@ -44,7 +44,7 @@ export function CreateSafe() {
       const address = await signer.getAddress();
       setSignerInfo({ signer, address });
     },
-    [setSignerInfo]
+    [setSignerInfo],
   );
 
   useEffect(() => {
@@ -86,7 +86,7 @@ export function CreateSafe() {
         });
       }
     },
-    [provider, signerInfo]
+    [provider, signerInfo],
   );
 
   return (

src/app/Error.tsx

@@ -1,3 +1,3 @@
 export const Error = () => {
-    return <div>ERR</div>
-}
+  return <div>ERR</div>;
+};

src/app/NewSafeProposal.tsx

@@ -380,7 +380,7 @@ const EditProposal = ({
       }
       setIsEditing(false);
     },
-    [setIsEditing, setProposal]
+    [setIsEditing, setProposal],
   );
 
   const defaultActions = proposal || DEFAULT_PROPOSAL;
@@ -444,7 +444,7 @@ const EditProposal = ({
 
 export const NewSafeProposal = () => {
   const [proposal, setProposal] = useState<undefined | Proposal>(
-    DEFAULT_PROPOSAL
+    DEFAULT_PROPOSAL,
   );
   const [isEditing, setIsEditing] = useState(true);
 
@@ -462,7 +462,7 @@ export const NewSafeProposal = () => {
       setIsEditing(true);
       evt.preventDefault();
     },
-    [setIsEditing]
+    [setIsEditing],
   );
 
   return (

src/app/ViewSafe.tsx

@@ -93,7 +93,7 @@ export const ViewSafe = () => {
   const setupSafe = useCallback(async () => {
     if (params.safeAddress && providerContext) {
       setSafeData(
-        await getSafeSDK(params.safeAddress, await providerContext.getSigner())
+        await getSafeSDK(params.safeAddress, await providerContext.getSigner()),
       );
     }
   }, [params.safeAddress, providerContext]);

src/chains.ts

@@ -68,7 +68,7 @@ Object.keys(contractNetworks).map((network) => {
     return;
   }
   const viemChain = Object.values(chains).find(
-    (chain) => chain.id.toString() === network
+    (chain) => chain.id.toString() === network,
   );
 
   if (!viemChain) {

src/components/DataActionPreview.tsx

@@ -29,14 +29,13 @@ export const DataActionPreview = ({ to, data }: { to: Address; data: Hex }) => {
     let json;
     try {
       const response = await fetch(
-        `https://${networkToEtherActor[Number(currentNetwork)]}.ether.actor/decode/${to}/${data}`
+        `https://${networkToEtherActor[Number(currentNetwork)]}.ether.actor/decode/${to}/${data}`,
       );
       if (!response.ok) {
         throw new Error();
       }
       json = await response.json();
     } catch (err: any) {
-
       const response = await fetch(`https://ether.actor/decode/${data}`);
       json = await response.json();
     }

src/components/InfoBox.tsx

@@ -4,13 +4,7 @@ import { Info } from "react-feather";
 export const InfoBox = ({ children }: { children: React.ReactNode }) => {
   return (
     <Tooltip text={children}>
-      {(attributes) => (
-        <Icon
-          size={4}
-          attributes={attributes}
-          svg={<Info />}
-        />
-      )}
+      {(attributes) => <Icon size={4} attributes={attributes} svg={<Info />} />}
     </Tooltip>
   );
 };

src/components/NetworkSwitcher.tsx

@@ -21,7 +21,7 @@ export const NetworkSwitcher = ({
         },
       ]);
     },
-    [provider]
+    [provider],
   );
 
   useEffect(() => {

src/components/SetOwnerModal.tsx

@@ -69,9 +69,8 @@ const AddOwnerModalContent = ({ onClose }: { onClose: () => void }) => {
               ],
             }),
           });
-
         } catch (err: any) {
-          toast.show({title: "Error Updating Safe", text: err.toString()});
+          toast.show({ title: "Error Updating Safe", text: err.toString() });
         }
         onClose();
       }}

src/hooks/useLoadProposalFromQuery.ts

@@ -3,32 +3,32 @@ import { useSearchParams } from "react-router-dom";
 import { Proposal } from "../schemas/proposal";
 
 export const useLoadProposalFromQuery = () => {
-    const [proposal, setProposal] = useState<undefined | Proposal>();
-    const [params] = useSearchParams();
-
-    useEffect(() => {
-      const targets = params.get("targets")?.split("|");
-      const calldatas = params.get("calldatas")?.split("|");
-      const values = params.get("values")?.split("|");
-      if (targets && calldatas) {
-        // ensure the 3 lengths are the same.  check if values also has the same length if its not empty
-        // check the inverse of the above, if inverse is true, return:
-        if (
-          targets.length !== calldatas.length ||
-          (values?.length && values?.length !== targets.length)
-        ) {
-          console.log("invalid lengths");
-          return;
-        }
-
-        const actions = targets.map((target, index) => ({
-          to: target,
-          data: calldatas[index]!,
-          value: (values && values[index]) || "0",
-        }));
-        setProposal({ actions });
+  const [proposal, setProposal] = useState<undefined | Proposal>();
+  const [params] = useSearchParams();
+
+  useEffect(() => {
+    const targets = params.get("targets")?.split("|");
+    const calldatas = params.get("calldatas")?.split("|");
+    const values = params.get("values")?.split("|");
+    if (targets && calldatas) {
+      // ensure the 3 lengths are the same.  check if values also has the same length if its not empty
+      // check the inverse of the above, if inverse is true, return:
+      if (
+        targets.length !== calldatas.length ||
+        (values?.length && values?.length !== targets.length)
+      ) {
+        console.log("invalid lengths");
+        return;
       }
-    }, [params, setProposal]);
-
-    return proposal;
-  };
+
+      const actions = targets.map((target, index) => ({
+        to: target,
+        data: calldatas[index]!,
+        value: (values && values[index]) || "0",
+      }));
+      setProposal({ actions });
+    }
+  }, [params, setProposal]);
+
+  return proposal;
+};

src/hooks/useSetParamsFromQuery.ts

@@ -3,17 +3,20 @@ import { useSearchParams } from "react-router-dom";
 import { Proposal } from "../schemas/proposal";
 
 export const useSetParamsFromQuery = () => {
-    const [_, setParams] = useSearchParams();
-
-    return useCallback((proposal: Proposal) => {
+  const [_, setParams] = useSearchParams();
+
+  return useCallback(
+    (proposal: Proposal) => {
       if (!proposal.actions?.length) {
         return;
       }
-      console.log('setting params', proposal.actions);
+      console.log("setting params", proposal.actions);
       setParams({
-        targets: proposal.actions!.map((action) => action.to).join('|'),
-        data: proposal.actions!.map((action) => action.data).join('|'),
-        value: proposal.actions!.map((action) => action.value).join('|'),
-      })
-    }, [setParams]);
-  }
+        targets: proposal.actions!.map((action) => action.to).join("|"),
+        data: proposal.actions!.map((action) => action.data).join("|"),
+        value: proposal.actions!.map((action) => action.value).join("|"),
+      });
+    },
+    [setParams],
+  );
+};

src/main.tsx

@@ -2,13 +2,13 @@ import { StrictMode } from "react";
 import { createRoot } from "react-dom/client";
 import { Wrapper } from "./app/Wrapper";
 import "reshaped/themes/reshaped/theme.css";
-import { Buffer } from 'buffer'
-globalThis.Buffer = Buffer
+import { Buffer } from "buffer";
+globalThis.Buffer = Buffer;
 
 const container = document.getElementById("app");
 const root = createRoot(container!);
 root.render(
   <StrictMode>
     <Wrapper />
-  </StrictMode>
+  </StrictMode>,
 );

src/schemas/proposal.ts

@@ -10,17 +10,17 @@ export const proposalSchema = object({
         .default("0")
         .matches(
           /^[0-9]+(\.[0-9]+)?$/,
-          "Needs to be a ETH price (0, 1, or 0.23)"
+          "Needs to be a ETH price (0, 1, or 0.23)",
         )
         .required(),
       data: string()
         .default("0x")
         .matches(
           /^0x(?:[0-9A-Za-z][0-9A-Za-z])*$/,
-          "Data is required to match hex format"
+          "Data is required to match hex format",
         )
         .required(),
-    })
+    }),
   ),
 });
 

src/utils/get.ts

@@ -14,7 +14,7 @@ export const get = (obj: any, path: string, defValue?: any) => {
   // Find value
   const result = pathArray.reduce(
     (prevObj, key) => prevObj && prevObj[key],
-    obj
+    obj,
   );
   // If found value is undefined return default value; otherwise return the value
   return result === undefined ? defValue : result;

src/utils/validators.ts

@@ -15,7 +15,6 @@ export const validateETH = (value: string) => {
   }
 };
 
-
 export const yupAddress = string()
-.matches(/^0x[a-fA-F0-9]{40}$/, "Needs to be a valid address")
-.required()
+  .matches(/^0x[a-fA-F0-9]{40}$/, "Needs to be a valid address")
+  .required();