From 45f9af6efee62e9ba814a80b7c3d3e853c2ba211 Mon Sep 17 00:00:00 2001
From: Raymond <akdfhr2@gmail.com>
Date: Sun, 25 Feb 2024 17:21:37 +0900
Subject: [PATCH] =?UTF-8?q?fix:=20=ED=8C=8C=EC=9D=B4=EC=B0=A8=ED=8A=B8=20?=
 =?UTF-8?q?=EC=95=A0=EB=8B=88=EB=A9=94=EC=9D=B4=EC=85=98=20=EC=98=B5?=
 =?UTF-8?q?=EC=A0=80=EB=B2=84=20=EB=B3=B5=EA=B5=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/compositions/dashboard/best-worth/index.tsx | 9 +++------
 1 file changed, 3 insertions(+), 6 deletions(-)

diff --git a/components/compositions/dashboard/best-worth/index.tsx b/components/compositions/dashboard/best-worth/index.tsx
index 9a01efd..478e8b1 100644
--- a/components/compositions/dashboard/best-worth/index.tsx
+++ b/components/compositions/dashboard/best-worth/index.tsx
@@ -125,7 +125,7 @@ const RenderActiveShape = (props: PieSectorDataItem) => {
 function BestWorth({ filter }: { filter: FilterType }) {
   const { ref, inView } = useInViewRef<HTMLDivElement>({
     once: true,
-    amount: 'all',
+    margin: '2%',
   })
 
   const { data: statisics, isLoading } = useQuery({
@@ -152,7 +152,7 @@ function BestWorth({ filter }: { filter: FilterType }) {
   }, [statisics])
 
   return (
-    <div className="w-full h-full flex flex-col">
+    <div ref={ref} className="w-full h-full flex flex-col">
       {isLoading ? (
         <>
           <div className="text-mainTitle2-bold font-bold h-8 skeleton w-3/4" />
@@ -170,10 +170,7 @@ function BestWorth({ filter }: { filter: FilterType }) {
             </b>
             이네요
           </h2>
-          <div
-            ref={ref}
-            className="flex justify-center py-12 items-center rounded-2xl shadow-basic mt-8 flex-col px-6"
-          >
+          <div className="flex justify-center py-12 items-center rounded-2xl shadow-basic mt-8 flex-col px-6">
             <div className="w-[180px] h-[180px] mx-auto relative">
               {inView && (
                 <ResponsiveContainer width="100%" height="100%">