clean up

Author: zerosnacks

src/App.tsx

@@ -5,11 +5,7 @@ import { useEffect, useMemo, useState } from "react";
 import { type Address, type Chain, createWalletClient, custom } from "viem";
 import { getAddresses, requestAddresses } from "viem/actions";
 import { applyChainId } from "./utils/helpers.ts";
-import type {
-  EIP1193,
-  EIP6963AnnounceProviderEvent,
-  EIP6963ProviderInfo,
-} from "./utils/types.ts";
+import type { EIP1193, EIP6963AnnounceProviderEvent, EIP6963ProviderInfo } from "./utils/types.ts";
 
 declare global {
   interface Window {
@@ -24,18 +20,16 @@ export function App() {
     }
   }, []);
 
-  const [providers, setProviders] = useState<
-    { info: EIP6963ProviderInfo; provider: EIP1193 }[]
-  >([]);
+  const [providers, setProviders] = useState<{ info: EIP6963ProviderInfo; provider: EIP1193 }[]>(
+    [],
+  );
 
   useEffect(() => {
     const onAnnounce = (ev: EIP6963AnnounceProviderEvent) => {
       const { info, provider } = ev.detail;
 
       setProviders((prev) =>
-        prev.some((p) => p.info.uuid === info.uuid)
-          ? prev
-          : [...prev, { info, provider }]
+        prev.some((p) => p.info.uuid === info.uuid) ? prev : [...prev, { info, provider }],
       );
     };
 
@@ -61,7 +55,7 @@ export function App() {
             transport: custom(selected.provider),
           })
         : undefined,
-    [selected]
+    [selected],
   );
 
   useEffect(() => {
@@ -153,12 +147,8 @@ export function App() {
       {selected && account && (
         <pre className="info">
           {`\
-chain:  ${chain ? `${chain.name} (${chainId})` : chainId ?? "unknown"}
-rpc:    ${
-            chain?.rpcUrls?.default?.http?.[0] ??
-            chain?.rpcUrls?.public?.http?.[0] ??
-            "unknown"
-          }`}
+chain:  ${chain ? `${chain.name} (${chainId})` : (chainId ?? "unknown")}
+rpc:    ${chain?.rpcUrls?.default?.http?.[0] ?? chain?.rpcUrls?.public?.http?.[0] ?? "unknown"}`}
         </pre>
       )}
 

src/utils/types.ts

@@ -18,23 +18,16 @@ export interface EIP1193 {
     method: string;
     params?: readonly unknown[] | Record<string, unknown>;
   }): Promise<T>;
-  on?<K extends keyof EIP1193Events>(
-    event: K,
-    listener: EIP1193Events[K]
-  ): void;
-  removeListener?<K extends keyof EIP1193Events>(
-    event: K,
-    listener: EIP1193Events[K]
-  ): void;
+  on?<K extends keyof EIP1193Events>(event: K, listener: EIP1193Events[K]): void;
+  removeListener?<K extends keyof EIP1193Events>(event: K, listener: EIP1193Events[K]): void;
 }
 
 export type EIP6963ProviderDetail = {
   info: EIP6963ProviderInfo;
   provider: EIP1193;
 };
 
-export interface EIP6963AnnounceProviderEvent
-  extends CustomEvent<EIP6963ProviderDetail> {
+export interface EIP6963AnnounceProviderEvent extends CustomEvent<EIP6963ProviderDetail> {
   type: "eip6963:announceProvider";
 }