Cleanup some stuff

packages/keychain/src/components/DeployController.tsx

@@ -15,6 +15,7 @@ import { Fees } from "./Fees";
 import { ControllerError } from "utils/connection";
 import { Policies } from "components/Policies";
 import { ETH_CONTRACT_ADDRESS, useERC20Balance } from "@cartridge/utils";
+import { useExplorer } from "@starknet-react/core";
 
 export function DeployController({
   onClose,
@@ -236,6 +237,8 @@ function ExplorerLink({
   txHash: string;
   chainId: string;
 }) {
+  const explorer = useExplorer();
+
   if (
     ![
       constants.StarknetChainId.SN_SEPOLIA,
@@ -246,12 +249,7 @@ function ExplorerLink({
   }
 
   return (
-    <Link
-      href={`https://${
-        chainId === constants.StarknetChainId.SN_SEPOLIA ? "sepolia." : ""
-      }starkscan.co/tx/${txHash}`}
-      isExternal
-    >
+    <Link href={explorer.transaction(txHash)} isExternal>
       <Button
         variant="goast"
         mt={10}
@@ -261,7 +259,7 @@ function ExplorerLink({
         fontSize="sm"
         fontFamily="Inter"
       >
-        View on Starkscan
+        View on Explorer
       </Button>
     </Link>
   );

packages/keychain/src/components/ErrorAlert.tsx

@@ -28,6 +28,7 @@ import { useConnection } from "hooks/connection";
 import { constants } from "starknet";
 import { parseExecutionError, parseValidationError } from "utils/errors";
 import { formatAddress } from "@cartridge/utils";
+import { useExplorer } from "@starknet-react/core";
 
 export function ErrorAlert({
   title,
@@ -336,17 +337,7 @@ function StackTraceDisplay({
   stackTrace: ReturnType<typeof parseExecutionError>["stack"];
 }) {
   const { chainId } = useConnection();
-
-  const getExplorerUrl = (type: "contract" | "class", value: string) => {
-    if (!chainId) return;
-
-    const baseUrl = {
-      [constants.StarknetChainId.SN_SEPOLIA]: "https://sepolia.starkscan.co",
-      [constants.StarknetChainId.SN_MAIN]: "https://starkscan.co",
-    }[chainId];
-
-    return baseUrl ? `${baseUrl}/${type}/${value}` : undefined;
-  };
+  const explorer = useExplorer();
 
   const isExternalLink = [
     constants.StarknetChainId.SN_SEPOLIA,
@@ -377,10 +368,11 @@ function StackTraceDisplay({
                     </Text>
                     {key === "address" || key === "class" ? (
                       <Link
-                        href={getExplorerUrl(
-                          key === "address" ? "contract" : "class",
-                          value as string,
-                        )}
+                        href={
+                          key === "address"
+                            ? explorer.contract(value as string)
+                            : explorer.class(value as string)
+                        }
                         isExternal={isExternalLink}
                         wordBreak="break-all"
                         textAlign="left"

packages/keychain/src/components/Transaction.tsx

@@ -13,7 +13,7 @@ import { constants } from "starknet";
 import { CheckIcon, ExternalIcon, StarknetIcon } from "@cartridge/ui";
 import { useController } from "hooks/controller";
 import { useChainName } from "hooks/chain";
-import { StarkscanUrl } from "@cartridge/utils";
+import { useExplorer } from "@starknet-react/core";
 
 export type TransactionState = "pending" | "success" | "error";
 
@@ -30,6 +30,7 @@ export function Transaction({
   hash,
   finalized,
 }: TransactionProps) {
+  const explorer = useExplorer();
   const [state, setState] = useState<TransactionState>("pending");
   const { color, icon } = useMemo(() => getColorIcon(state), [state]);
   const { controller } = useController();
@@ -78,7 +79,7 @@ export function Transaction({
           </Text>
         </HStack>
         <Divider orientation="vertical" bgColor="solid.accent" h="30px" />
-        <Link href={StarkscanUrl(chainId).transaction(hash)} isExternal>
+        <Link href={explorer.transaction(hash)} isExternal>
           <ExternalIcon boxSize="12px" color="link.blue" />
         </Link>
       </HStack>

packages/keychain/src/hooks/connection.ts

@@ -14,7 +14,6 @@ import {
   toSessionPolicies,
 } from "@cartridge/controller";
 import { mergeDefaultETHPrefund } from "utils/token";
-import { setIsSignedUp } from "utils/cookie";
 import {
   ConnectionContext,
   ConnectionContextValue,
@@ -98,7 +97,6 @@ export function useConnectionValue() {
     }
 
     setControllerRaw(controller);
-    setIsSignedUp();
   }, []);
 
   useEffect(() => {