analytics -> speedInsights

cartridge-gg · Apr 10, 2024 · cb6b454 · cb6b454
1 parent 4c7af86
commit cb6b454
Show file tree

Hide file tree

Showing 7 changed files with 56 additions and 40 deletions.
diff --git a/Scarb.toml b/Scarb.toml
@@ -32,11 +32,11 @@ migrate_ryo421 = "sozo -P ryo421 build && sozo -P ryo421 migrate apply && scarb
 migrate_prod = "sozo -P prod migrate"
 
 # slot ryo420
-slot_ryo420_katana="slot d create ryo420 katana --seed 420 --version v0.6.0 --chain-id KATANA_SLOT_420"
+slot_ryo420_katana="slot d create ryo420 katana --seed 420 --version v0.6.0 --chain-id KATANA_SLOT_420 --disable-fee true"
 slot_ryo420_torii="slot d create ryo420 torii --rpc  https://api.cartridge.gg/x/ryo420/katana -s 0 --version v0.6.0 --world 0x3bf84ccc82282acd4c8afbb843c9e864bf1e0770fba607595104202b938b7a4"
 
 # slot ryo421
-slot_ryo421_katana="slot d create ryo421 katana --seed 421 --version v0.6.0 --chain-id KATANA_SLOT_421"
+slot_ryo421_katana="slot d create ryo421 katana --seed 421 --version v0.6.0 --chain-id KATANA_SLOT_421 --disable-fee true"
 slot_ryo421_torii="slot d create ryo421 torii --rpc  https://api.cartridge.gg/x/ryo421/katana -s 0 --version v0.6.0 --world 0x3bf84ccc82282acd4c8afbb843c9e864bf1e0770fba607595104202b938b7a4"
 
 

diff --git a/web/package.json b/web/package.json
@@ -28,7 +28,7 @@
     "@next/bundle-analyzer": "^14.1.4",
     "@starknet-react/chains": "^0.1.7",
     "@starknet-react/core": "^2.4.0",
-    "@vercel/analytics": "^1.0.2",
+    "@vercel/speed-insights": "^1.0.10",
     "eslint": "8.36.0",
     "eslint-config-next": "14.1.4",
     "framer-motion": "^10.5.0",

diff --git a/web/pnpm-lock.yaml b/web/pnpm-lock.yaml
diff --git a/web/src/components/layout/MobileMenu.tsx b/web/src/components/layout/MobileMenu.tsx
@@ -1,9 +1,7 @@
 import { Menu, MenuItem, Popover, PopoverBody, PopoverContent, PopoverTrigger, StyleProps } from "@chakra-ui/react";
 import { Dots } from "../icons";
 import { ProfileLinkMobile } from "../pages/profile/Profile";
-import { ChainSelector, ConnectButtonMobile } from "../wallet";
-import { Burners } from "../wallet/Burners";
-import { Predeployed } from "../wallet/Predeployed";
+import { ConnectButtonMobile } from "../wallet";
 import { HeaderButton } from "./HeaderButton";
 import { MediaPlayer } from "./MediaPlayer";
 
@@ -24,11 +22,11 @@ export const MobileMenu = ({ ...props }: StyleProps) => {
               </MenuItem>
               <ProfileLinkMobile />
               <ConnectButtonMobile />
-              <MenuItem>
+              {/* <MenuItem>
                 <ChainSelector/>
                 <Burners />
                 <Predeployed />
-              </MenuItem>
+              </MenuItem> */}
             </Menu>
           </PopoverBody>
         </PopoverContent>

diff --git a/web/src/components/wallet/ConnectButton.tsx b/web/src/components/wallet/ConnectButton.tsx
@@ -1,5 +1,5 @@
-import { useDojoContext } from "@/dojo/hooks";
-import { frenlyAddress } from "@/utils/ui";
+import { useDojoContext, useTokenBalance } from "@/dojo/hooks";
+import { formatEther, frenlyAddress } from "@/utils/ui";
 import { Box, Button, HStack, Image, MenuItem, Text } from "@chakra-ui/react";
 import { useAccount, /*useBalance,*/ useConnect, useDisconnect } from "@starknet-react/core";
 
@@ -9,10 +9,10 @@ export const ConnectButton = ({ ...props }) => {
   const { disconnect } = useDisconnect();
   const { uiStore } = useDojoContext();
 
-  // const { balance } = useTokenBalance({
-  //   address,
-  //   token: "0x49d36570d4e46f48e99674bd3fcc84644ddd6b96f7c741b1562b82f9e004dc7",
-  // });
+  const { balance } = useTokenBalance({
+    address,
+    token: "0x49d36570d4e46f48e99674bd3fcc84644ddd6b96f7c741b1562b82f9e004dc7",
+  });
 
   return (
     <>
@@ -35,10 +35,10 @@ export const ConnectButton = ({ ...props }) => {
             <HStack>
               {connector && <Image src={connector.icon.dark} width="24px" height="24px" alt={connector.name} />}
               <Text>{frenlyAddress(account.address || "")}</Text>
-              {/* <HStack gap={1}>
+              <HStack gap={1}>
                 <Text fontFamily="monospace">Ξ</Text>
                 <Text>{formatEther(balance)}</Text>
-              </HStack> */}
+              </HStack>
             </HStack>
           </Button>
         )}
@@ -53,10 +53,10 @@ export const ConnectButtonMobile = ({ ...props }) => {
   const { disconnect } = useDisconnect();
   const { uiStore } = useDojoContext();
 
-  // const { balance } = useTokenBalance({
-  //   address,
-  //   token: "0x49d36570d4e46f48e99674bd3fcc84644ddd6b96f7c741b1562b82f9e004dc7",
-  // });
+  const { balance } = useTokenBalance({
+    address,
+    token: "0x49d36570d4e46f48e99674bd3fcc84644ddd6b96f7c741b1562b82f9e004dc7",
+  });
 
   return (
     <>
@@ -70,10 +70,10 @@ export const ConnectButtonMobile = ({ ...props }) => {
           <HStack w="full" justifyContent="center">
             {connector && <Image src={connector.icon.dark} width="24px" height="24px" alt={connector.name} />}
             <Text>{frenlyAddress(account.address || "")}</Text>
-            {/* <HStack gap={1}>
+            <HStack gap={1}>
                 <Text fontFamily="monospace">Ξ</Text>
                 <Text>{formatEther(balance)}</Text>
-              </HStack> */}
+              </HStack>
           </HStack>
         </MenuItem>
       )}

diff --git a/web/src/dojo/hooks/useSystems.ts b/web/src/dojo/hooks/useSystems.ts
@@ -122,14 +122,14 @@ export const useSystems = (): SystemsInterface => {
           isError: false
         })
 
-        //
-        // TODO : remove later
-        //
-        await sleep(1_000);
-        // clearToasts()
+        // //
+        // // TODO : remove later
+        // //
+        // await sleep(1_000);
+        // // clearToasts()
 
         receipt = await account!.waitForTransaction(tx.transaction_hash, {
-          retryInterval: 200,
+          retryInterval: 500,
         });
       } catch (e: any) {
         setIsPending(false)

diff --git a/web/src/pages/_app.tsx b/web/src/pages/_app.tsx
@@ -6,7 +6,7 @@ import useKonamiCode, { starkpimpSequence } from "@/hooks/useKonamiCode";
 import Fonts from "@/theme/fonts";
 import GlobalStyles from "@/theme/global";
 import { ChakraProvider } from "@chakra-ui/react";
-import { Analytics } from "@vercel/analytics/react";
+import { SpeedInsights } from '@vercel/speed-insights/next';
 import type { AppProps } from "next/app";
 import NextHead from "next/head";
 import { useEffect } from "react";
@@ -43,7 +43,7 @@ export default function App({ Component, pageProps }: AppProps) {
           </NextHead>
           {isRightSequence && <MakeItRain />}
           <Component {...pageProps} />
-          <Analytics />
+          <SpeedInsights />
           {/* <Debug /> */}
 
           {/* Common modales */}