import cleanup, provide some context for logic

apps/nextjs/src/app/(app)/games/page.tsx

@@ -1,7 +1,6 @@
 import type { Metadata } from "next";
 import { GameCard } from "@/app/(app)/games/GameCard";
 import { reader } from "@/utils/keystatic";
-import { env } from 'env'
 
 import { PageLayout } from "../../_components/PageLayout";
 

apps/nextjs/src/app/_components/wallet/ExplorerLink.tsx

@@ -6,7 +6,7 @@ import {
   STARKSCAN_TX_URL,
   SUPPORTED_L1_CHAIN_ID,
 } from "@/constants/env";
-import { ExternalLinkIcon, Text } from "lucide-react";
+import { ExternalLinkIcon } from "lucide-react";
 
 import type { ChainId } from "@realms-world/constants";
 import { Button } from "@realms-world/ui";

apps/nextjs/src/app/_components/wallet/StarknetLoginButton.tsx

@@ -8,7 +8,7 @@ import { shortenHex } from "@/utils/utils";
 import { useAccount } from "@starknet-react/core";
 
 import type { buttonVariants } from "@realms-world/ui";
-import { Button, Badge } from "@realms-world/ui";
+import { Button } from "@realms-world/ui";
 import { Loader } from "lucide-react";
 
 export const StarknetLoginButton = ({
@@ -55,7 +55,7 @@ export const StarknetLoginButton = ({
         </span>
       </span>
       {(isConnected && newTransactionCount) && newTransactionCount > 0 ? <span
-        className={'bg-green-500 w-[20px] absolute -top-1.5 -right-1.5 rounded-full text-black-600'}
+        className={'bg-green-600 w-[20px] absolute -top-1.5 -right-1.5 rounded-full text-black'}
       >{newTransactionCount}</span> : null}
     </Button>
   );

apps/nextjs/src/app/_components/wallet/WalletSheet.tsx

@@ -43,11 +43,8 @@ export const WalletSheet = () => {
   const isStarknetWrongNetwork = isL2Connected &&
     chainId !== undefined && BigInt(chainId) !== chain.id;
 
-
   const { isAccountOpen, toggleAccount } = useUIStore((state) => state);
 
-
-
   function usePrevious(isAccountOpen: boolean) {
     const ref = useRef<boolean>();
     useEffect(() => {
@@ -57,6 +54,7 @@ export const WalletSheet = () => {
   }
 
 
+  //after user closes wallet sheet, reset transactions and transactioncount in localstorage
   const previousAccountOpenState = usePrevious(isAccountOpen)
   useEffect(() => {
     if (isAccountOpen === false && previousAccountOpenState === true) {

apps/nextjs/src/app/_components/wallet/transactions/TransactionList.tsx

@@ -9,6 +9,7 @@ import { useEffect } from "react";
 export const QueryTransactionList = () => {
   const { transactions } = useTransactions();
   const transactionState = useStore(useTransactionManager, (state) => state);
+  // after useTransactions fires, update stored transactions in localstorage that useTransactions returns
   useEffect(() => {
     transactionState?.updateCombinedTransactions(transactions);
   }, [transactions]);
@@ -26,6 +27,7 @@ export const QueryTransactionList = () => {
 
 
 export const LocalStorageTransactionList = () => {
+  // if newTransactioncount is 0, use localstorage transactions instead
   const { transactions } = useLocalStorageTransactions();
   return (
     <div className="mt-2 flex h-full w-full flex-grow flex-col border-b p-2">