Merge pull request #597 from woowacourse-teams/feat/596-apply-scroll-…

…snap-library

Scroll Snap 기능을 라이브러리로 분리 및 적용

client/package.json

@@ -25,7 +25,8 @@
     "react-dom": "^18.2.0",
     "react-icons": "^4.11.0",
     "react-router-dom": "^6.14.1",
-    "styled-components": "^6.0.2"
+    "styled-components": "^6.0.2",
+    "yozm-cafe-react-scroll-snap": "^0.0.3"
   },
   "devDependencies": {
     "@babel/core": "^7.22.5",

client/src/components/CafeDetailBottomSheet.tsx

@@ -1,13 +1,13 @@
 import { Suspense, useEffect } from 'react';
 import { BsX } from 'react-icons/bs';
 import { styled } from 'styled-components';
+import { useScrollSnapGuard } from 'yozm-cafe-react-scroll-snap';
 import useCafeMenus from '../hooks/useCafeMenus';
 import type { Theme } from '../styles/theme';
 import type { Cafe } from '../types';
 import CafeMenuMiniList from './CafeMenuMiniList';
 import OpeningHoursDetail from './OpeningHoursDetail';
 import QueryErrorBoundary from './QueryErrorBoundary';
-import useScrollSnapGuard from './ScrollSnap/hooks/useScrollSnapGuard';
 
 type CafeDetailBottomSheetProps = {
   cafe: Cafe;

client/src/components/CafeMenuBottomSheet.tsx

@@ -2,14 +2,14 @@ import { Suspense, useEffect, useState } from 'react';
 import { createPortal } from 'react-dom';
 import { BsX } from 'react-icons/bs';
 import { styled } from 'styled-components';
+import { useScrollSnapGuard } from 'yozm-cafe-react-scroll-snap';
 import useCafeMenus from '../hooks/useCafeMenus';
 import type { Theme } from '../styles/theme';
 import type { Cafe } from '../types';
 import Resource from '../utils/Resource';
 import CafeMenuList from './CafeMenuList';
 import ImageModal from './ImageModal';
 import QueryErrorBoundary from './QueryErrorBoundary';
-import useScrollSnapGuard from './ScrollSnap/hooks/useScrollSnapGuard';
 
 type CafeMenuBottomSheetProps = {
   cafe: Cafe;

client/src/components/ImageModal.tsx

@@ -1,8 +1,8 @@
 import type { MouseEventHandler } from 'react';
 import { useState } from 'react';
 import { styled } from 'styled-components';
+import { useScrollSnapGuard } from 'yozm-cafe-react-scroll-snap';
 import Resource from '../utils/Resource';
-import useScrollSnapGuard from './ScrollSnap/hooks/useScrollSnapGuard';
 
 type ImageModalProps = {
   imageUrls: string[];