From ace6b63a7a678f6b2ff30782919ee76b9ed693b0 Mon Sep 17 00:00:00 2001 From: imi21123 Date: Mon, 4 Dec 2023 06:53:05 +0900 Subject: [PATCH 1/3] =?UTF-8?q?Feat:=20=EC=B9=B4=ED=85=8C=EA=B3=A0?= =?UTF-8?q?=EB=A6=AC=20=EC=9D=B4=EB=8F=99=20=EB=B2=84=ED=8A=BC=20=EC=8B=9C?= =?UTF-8?q?=EB=8F=84?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/pages/StoreDetailPage/StoreDetailPage.jsx | 41 +++++++++++++++++++ 1 file changed, 41 insertions(+) diff --git a/src/pages/StoreDetailPage/StoreDetailPage.jsx b/src/pages/StoreDetailPage/StoreDetailPage.jsx index 2b7e2a2..f529abd 100644 --- a/src/pages/StoreDetailPage/StoreDetailPage.jsx +++ b/src/pages/StoreDetailPage/StoreDetailPage.jsx @@ -12,6 +12,8 @@ const StoreDetailPage = () => { const storeId = params.get("storeId"); const inout = params.get("inout"); const apiRoot = process.env.REACT_APP_API_ROOT; + // const scrollRef = useRef(); + // const [isScrollable, setIsScrollable] = useState(false); const [caffeeInfo, setCaffeeInfo] = useState(null); const [selectedCategory, setSelectedCategory] = useState([]); const [menu, setMenu] = useState(null); @@ -95,6 +97,41 @@ const StoreDetailPage = () => { // eslint-disable-next-line react-hooks/exhaustive-deps }, []); + // useEffect(() => { + // const currentRef = scrollRef.current; + + // if (currentRef) { + // const handleScroll = () => { + // const scrollWidth = currentRef.scrollWidth; + // const clientWidth = currentRef.clientWidth; + // setIsScrollable(scrollWidth > clientWidth); + // }; + + // currentRef.addEventListener("scroll", handleScroll); + + // // 컴포넌트가 언마운트될 때 이벤트 리스너 제거 + // return () => { + // if (currentRef) { + // currentRef.removeEventListener("scroll", handleScroll); + // } + // }; + // } + // }, []); + + // const handleGoLeft = () => { + // if (scrollRef.current) { + // // 스크롤을 왼쪽으로 100px 이동 + // scrollRef.current.scrollLeft -= 100; + // } + // }; + + // const handleGoRight = () => { + // if (scrollRef.current) { + // // 스크롤을 오른쪽으로 100px 이동 + // scrollRef.current.scrollLeft += 100; + // } + // }; + return (
{ src={goLeft} alt="L" className="store-detail-page__menuCategory__go-left" + // onClick={handleGoLeft} /> +
{menu && menu.menu && Array.isArray(menu.menu) ? ( menu.menu.map((category, index) => ( @@ -181,10 +220,12 @@ const StoreDetailPage = () => {

Loading category...

)}
+ R
From ee6a0d1903aace454d42f6b36d8127b12e8eaef7 Mon Sep 17 00:00:00 2001 From: imi21123 Date: Tue, 5 Dec 2023 20:06:07 +0900 Subject: [PATCH 2/3] =?UTF-8?q?Feat:=20=EC=B5=9C=EC=A2=85=20=EA=B2=B0?= =?UTF-8?q?=EC=A0=9C=20=EA=B8=88=EC=95=A1=20=EC=95=88=EB=B3=B4=EC=9D=B4?= =?UTF-8?q?=EB=8A=94=20=EB=AC=B8=EC=A0=9C=20=EC=88=98=EC=A0=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/pages/PaymentPage/PaymentPage.jsx | 2 -- 1 file changed, 2 deletions(-) diff --git a/src/pages/PaymentPage/PaymentPage.jsx b/src/pages/PaymentPage/PaymentPage.jsx index bd7bee3..a36c7f4 100644 --- a/src/pages/PaymentPage/PaymentPage.jsx +++ b/src/pages/PaymentPage/PaymentPage.jsx @@ -98,7 +98,6 @@ const PaymentPage = () => { withCredentials: true, }) .then((res) => { - const paymentWidget = paymentWidgetRef.current; // ------ '결제하기' 버튼 누르면 결제창 띄우기 ------ @@ -264,7 +263,6 @@ const PaymentPage = () => { 총 결제 금액 {paymentData?.totalPrice && - salePrice && (paymentData.totalPrice - salePrice) .toString() .replace(/\B(?=(\d{3})+(?!\d))/g, ",") + "원"} From 5ec3e0c47f8f1b3161621c6435eb484545cb8a49 Mon Sep 17 00:00:00 2001 From: imi21123 Date: Tue, 5 Dec 2023 20:11:42 +0900 Subject: [PATCH 3/3] =?UTF-8?q?Style:=20=EA=B2=B0=EC=A0=9C=20=EC=99=84?= =?UTF-8?q?=EB=A3=8C=20=ED=8E=98=EC=9D=B4=EC=A7=80=20=EB=A0=88=EC=9D=B4?= =?UTF-8?q?=EC=95=84=EC=9B=83=20=EC=9C=84=EC=B9=98=20=EC=88=98=EC=A0=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/pages/PaymentPage/Redirect/PaymentRedirectPage.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/pages/PaymentPage/Redirect/PaymentRedirectPage.css b/src/pages/PaymentPage/Redirect/PaymentRedirectPage.css index 24eb36c..f93cc33 100644 --- a/src/pages/PaymentPage/Redirect/PaymentRedirectPage.css +++ b/src/pages/PaymentPage/Redirect/PaymentRedirectPage.css @@ -8,7 +8,7 @@ .payment-redirect-page__berry { display: flex; - margin-top: 16.75rem; + margin-top: 10.75rem; margin-left: auto; margin-right: auto; }