From 97094ad0fb5a54c9b870e37414296ad89148e40a Mon Sep 17 00:00:00 2001
From: nguyenlejoe <joe_le.1@hotmail.com>
Date: Wed, 13 Dec 2023 15:08:34 -0800
Subject: [PATCH] lint

---
 .../NFTFloorPriceView/NFTFloorPriceView.tsx   |   2 +-
 .../NFTSalesCountView/NFTSalesCountView.tsx   |   2 +-
 .../NFTs/NFTDetailView/NFTDetailView.tsx      | 110 ++++++++++--------
 3 files changed, 61 insertions(+), 53 deletions(-)

diff --git a/src/components/Molecules/NFTs/NFTFloorPriceView/NFTFloorPriceView.tsx b/src/components/Molecules/NFTs/NFTFloorPriceView/NFTFloorPriceView.tsx
index a993b234..5b6c66ea 100644
--- a/src/components/Molecules/NFTs/NFTFloorPriceView/NFTFloorPriceView.tsx
+++ b/src/components/Molecules/NFTs/NFTFloorPriceView/NFTFloorPriceView.tsx
@@ -104,7 +104,7 @@ export const NFTFloorPriceView: React.FC<NFTFloorPriceViewProps> = ({
     });
 
     return (
-        <div className="rounded border p-4 min-h-[25rem] w-full">
+        <div className="min-h-[25rem] w-full rounded border p-4">
             <div className="pb-4">
                 <TypographyH4>Floor Price</TypographyH4>
             </div>
diff --git a/src/components/Molecules/NFTs/NFTSalesCountView/NFTSalesCountView.tsx b/src/components/Molecules/NFTs/NFTSalesCountView/NFTSalesCountView.tsx
index 77f753dd..2b152b5a 100644
--- a/src/components/Molecules/NFTs/NFTSalesCountView/NFTSalesCountView.tsx
+++ b/src/components/Molecules/NFTs/NFTSalesCountView/NFTSalesCountView.tsx
@@ -68,7 +68,7 @@ export const NFTSalesCountView: React.FC<NFTSalesCountViewProps> = ({
     });
 
     return (
-        <div className="rounded border p-4 min-h-[20rem] w-full">
+        <div className="min-h-[20rem] w-full rounded border p-4">
             <div className="pb-4">
                 <TypographyH4>Sales History</TypographyH4>
             </div>
diff --git a/src/components/Organisms/NFTs/NFTDetailView/NFTDetailView.tsx b/src/components/Organisms/NFTs/NFTDetailView/NFTDetailView.tsx
index 625bec97..ccde4ae3 100644
--- a/src/components/Organisms/NFTs/NFTDetailView/NFTDetailView.tsx
+++ b/src/components/Organisms/NFTs/NFTDetailView/NFTDetailView.tsx
@@ -30,72 +30,80 @@ export const NFTDetailView: React.FC<NFTDetailViewProps> = ({
         })();
     }, [chain_name, collection_address, token_id]);
 
-
     return (
-        <div className="w-full">    
-
+        <div className="w-full">
             {maybeResult.match({
-                None: () => <div className="flex gap-2">
-                    <Skeleton size={GRK_SIZES.LARGE}/> <Skeleton size={GRK_SIZES.LARGE}/>
-                </div>,
+                None: () => (
+                    <div className="flex gap-2">
+                        <Skeleton size={GRK_SIZES.LARGE} />{" "}
+                        <Skeleton size={GRK_SIZES.LARGE} />
+                    </div>
+                ),
                 Some: (result) => {
-                    return <TypographyH1>
-                    {result.contract_name} #
-                    {result.nft_data.token_id?.toString()}{" "}
-                </TypographyH1>
+                    return (
+                        <TypographyH1>
+                            {result.contract_name} #
+                            {result.nft_data.token_id?.toString()}{" "}
+                        </TypographyH1>
+                    );
                 },
             })}
 
-
             <div className="mt-4 flex gap-4">
                 {maybeResult.match({
-                    None: () => <div className="max-w-[30rem] rounded border ">
-                    <div className="animate-pulse rounded bg-accent-foreground w-[30rem] h-[30rem]"/>
+                    None: () => (
+                        <div className="max-w-[30rem] rounded border ">
+                            <div className="h-[30rem] w-[30rem] animate-pulse rounded bg-accent-foreground" />
 
-                    <div className="mt-2 p-4">
-                        <TypographyH4>Attributes</TypographyH4>
+                            <div className="mt-2 p-4">
+                                <TypographyH4>Attributes</TypographyH4>
 
-                        <div className="mt-2 flex flex-wrap gap-4">
-                            {[1, 2, 3, 4, 5, 6, 7, 8].map((o, i) => {
-                                return (
-                                    <Skeleton
-                                        key={i}
-                                        size={GRK_SIZES.LARGE}
-                                    />
-                                );
-                            })}
-                        </div>
-                    </div>
-                </div>,
-                    Some: (result) => {
-                        return <div className="max-w-[30rem] rounded border ">
-                        <img
-                            className="rounded-t"
-                            src={result.nft_data.external_data.image_512}
-                        />
-    
-                        <div className="mt-2 p-4">
-                            <TypographyH4>Attributes</TypographyH4>
-    
-                            <div className="mt-2 flex flex-wrap gap-4">
-                                {result.nft_data.external_data?.attributes.map(
-                                    (attrs, i) => {
+                                <div className="mt-2 flex flex-wrap gap-4">
+                                    {[1, 2, 3, 4, 5, 6, 7, 8].map((o, i) => {
                                         return (
-                                            <div
+                                            <Skeleton
                                                 key={i}
-                                                className="rounded border bg-accent-foreground/30 p-2"
-                                            >
-                                                <p className="text-muted-foreground">
-                                                    {attrs.trait_type}
-                                                </p>
-                                                <p>{attrs.value}</p>
-                                            </div>
+                                                size={GRK_SIZES.LARGE}
+                                            />
                                         );
-                                    }
-                                )}
+                                    })}
+                                </div>
                             </div>
                         </div>
-                    </div>
+                    ),
+                    Some: (result) => {
+                        return (
+                            <div className="max-w-[30rem] rounded border ">
+                                <img
+                                    className="rounded-t"
+                                    src={
+                                        result.nft_data.external_data.image_512
+                                    }
+                                />
+
+                                <div className="mt-2 p-4">
+                                    <TypographyH4>Attributes</TypographyH4>
+
+                                    <div className="mt-2 flex flex-wrap gap-4">
+                                        {result.nft_data.external_data?.attributes.map(
+                                            (attrs, i) => {
+                                                return (
+                                                    <div
+                                                        key={i}
+                                                        className="rounded border bg-accent-foreground/30 p-2"
+                                                    >
+                                                        <p className="text-muted-foreground">
+                                                            {attrs.trait_type}
+                                                        </p>
+                                                        <p>{attrs.value}</p>
+                                                    </div>
+                                                );
+                                            }
+                                        )}
+                                    </div>
+                                </div>
+                            </div>
+                        );
                     },
                 })}
                 <div className=" flex w-full flex-col gap-4">