fix: remove usememo on connectors

BibliothecaDAO · Sep 20, 2024 · 9b919ae · 9b919ae
1 parent 5be079a
commit 9b919ae
Show file tree

Hide file tree

Showing 6 changed files with 18 additions and 20 deletions.
diff --git a/.../arkmarket/src/app/collection/[collectionAddress]/components/collection-items-buy-now.tsx b/.../arkmarket/src/app/collection/[collectionAddress]/components/collection-items-buy-now.tsx
@@ -28,6 +28,7 @@ export default function CollectionItemsBuyNow({
   token,
 }: CollectionItemsBuyNowProps) {
   const [isOpen, setIsOpen] = useState(false);
+  const [modalEnabled, setModalEnabled] = useState(true);
   const { fulfillListing, status } = useFulfillListing();
   const { account, address } = useAccount();
   const { data } = useTokenBalance({ token: env.NEXT_PUBLIC_LORDS_TOKEN_ADDRESS });
@@ -36,6 +37,7 @@ export default function CollectionItemsBuyNow({
   const queryClient = useQueryClient();
 
   const buy = async () => {
+    setModalEnabled(false);
     let tokenMarketData: TokenMarketData | undefined;
 
     try {
@@ -54,6 +56,7 @@ export default function CollectionItemsBuyNow({
     }
 
     if (!tokenMarketData) {
+      setModalEnabled(true);
       return;
     }
 
@@ -62,6 +65,7 @@ export default function CollectionItemsBuyNow({
       data.value < BigInt(tokenMarketData.listing.start_amount ?? 0)
     ) {
       sonner.error("Insufficient balance");
+      setModalEnabled(true);
       return;
     }
 
@@ -123,6 +127,7 @@ export default function CollectionItemsBuyNow({
     <>
       <BuyNowDialog
         isOpen={isOpen}
+        modalEnabled={modalEnabled}
         setIsOpen={setIsOpen}
         isSuccess={status === "success"}
         token={token}

diff --git a/apps/arkmarket/src/app/components/main-carousel.tsx b/apps/arkmarket/src/app/components/main-carousel.tsx
@@ -12,7 +12,6 @@ import {
   CarouselContent,
   CarouselItem,
 } from "@ark-market/ui/carousel";
-import { Ethereum } from "@ark-market/ui/icons";
 
 import { homepageConfig } from "~/config/homepage";
 

diff --git a/...arkmarket/src/app/token/[contractAddress]/[tokenId]/components/token-offers-list-item.tsx b/...arkmarket/src/app/token/[contractAddress]/[tokenId]/components/token-offers-list-item.tsx
@@ -34,7 +34,7 @@ export default function TokenOffersListItem({
 
   const isOwner = address
     ? validateAndParseAddress(address) ===
-      validateAndParseAddress(tokenMarketData.owner)
+    validateAndParseAddress(tokenMarketData.owner)
     : false;
   const isOfferer = address
     ? validateAndParseAddress(address) === validateAndParseAddress(offer.source)
@@ -49,7 +49,7 @@ export default function TokenOffersListItem({
       <div className="mb-4">
         <div className="flex items-center justify-between">
           <div className="flex items-center gap-4 overflow-hidden">
-            <PriceTag price={offer.price} className="h-7 text-xs" />
+            <PriceTag price={offer.price} token="lords" className="h-7 text-xs" />
             {offer.floor_difference ? (
               <p
                 className={cn(

diff --git a/...arkmarket/src/app/token/[contractAddress]/[tokenId]/components/token-offers-table-row.tsx b/...arkmarket/src/app/token/[contractAddress]/[tokenId]/components/token-offers-table-row.tsx
@@ -36,7 +36,7 @@ export default function TokenOffersTableItem({
   const expiresIn = getRoundedRemainingTime(offer.expire_at);
   const isOwner = address
     ? validateAndParseAddress(address) ===
-      validateAndParseAddress(tokenMarketData.owner)
+    validateAndParseAddress(tokenMarketData.owner)
     : false;
   const isOfferer = address
     ? validateAndParseAddress(address) === validateAndParseAddress(offer.source)
@@ -52,7 +52,7 @@ export default function TokenOffersTableItem({
       className="grid h-[4.625rem] w-full grid-cols-5 items-center"
     >
       <TableCell>
-        <PriceTag price={offer.price} />
+        <PriceTag price={offer.price} token="lords" />
       </TableCell>
       <TableCell>
         {offer.floor_difference ? (

diff --git a/apps/arkmarket/src/components/buy-now-dialog.tsx b/apps/arkmarket/src/components/buy-now-dialog.tsx
@@ -10,6 +10,7 @@ import TokenActionsTokenOverview from "~/app/token/[contractAddress]/[tokenId]/c
 interface BuyNowDialogProps {
   isOpen: boolean;
   setIsOpen: (isOpen: boolean) => void;
+  modalEnabled: boolean;
   isSuccess: boolean;
   token: Token | CollectionToken;
   price?: string;
@@ -18,12 +19,13 @@ interface BuyNowDialogProps {
 export default function BuyNowDialog({
   isOpen,
   setIsOpen,
+  modalEnabled,
   isSuccess,
   token,
   price,
 }: BuyNowDialogProps) {
   return (
-    <Dialog open={isOpen} onOpenChange={setIsOpen}>
+    <Dialog open={isOpen} modal={modalEnabled} onOpenChange={setIsOpen}>
       <DialogContent
         className="justify-normal lg:justify-center"
         onInteractOutside={(e) => {

diff --git a/apps/arkmarket/src/components/starknet-provider.tsx b/apps/arkmarket/src/components/starknet-provider.tsx
@@ -1,8 +1,6 @@
 "use client";
 
-import type { Connector } from "@starknet-react/core";
 import type { PropsWithChildren } from "react";
-import { useMemo } from "react";
 import CartridgeConnector from "@cartridge/connector";
 import { mainnet } from "@starknet-react/chains";
 import {
@@ -28,9 +26,11 @@ export function StarknetProvider({ children }: PropsWithChildren) {
     order: "alphabetical",
   });
 
-  const connectors = useMemo(
-    () =>
-      [
+  return (
+    <StarknetConfig
+      chains={[mainnet]}
+      provider={provider}
+      connectors={[
         new CartridgeConnector({
           rpc: "https://api.cartridge.gg/x/starknet/mainnet",
         }),
@@ -42,15 +42,7 @@ export function StarknetProvider({ children }: PropsWithChildren) {
           icons: [],
           description: "Realms.World",
         }),
-      ] as Connector[],
-    [],
-  );
-
-  return (
-    <StarknetConfig
-      chains={[mainnet]}
-      provider={provider}
-      connectors={connectors}
+      ]}
       explorer={voyager}
       autoConnect
     >