Merge pull request #459 from woowacourse-teams/feat/302-javascript-co…

…ntrolled-swipe

JavaScript로 제어하는 스크롤 스냅 구현

client/src/components/CafeCard.tsx

@@ -1,6 +1,5 @@
 import { useEffect, useRef, useState } from 'react';
 import { styled } from 'styled-components';
-import useIntersection from '../hooks/useIntersection';
 import type { Cafe } from '../types';
 import Image from '../utils/Image';
 import CafeActionBar from './CafeActionBar';
@@ -9,23 +8,15 @@ import CafeSummary from './CafeSummary';
 
 type CardProps = {
   cafe: Cafe;
-  onIntersect?: (intersection: IntersectionObserverEntry) => void;
 };
 
 const CafeCard = (props: CardProps) => {
-  const { cafe, onIntersect } = props;
+  const { cafe } = props;
 
   const [isShowDetail, setIsShowDetail] = useState(false);
   const [currentImageIndex, setCurrentImageIndex] = useState(0);
 
   const ref = useRef<HTMLDivElement>(null);
-  const intersection = useIntersection(ref, { threshold: 0.7 });
-
-  useEffect(() => {
-    if (intersection) {
-      onIntersect?.(intersection);
-    }
-  }, [intersection?.isIntersecting]);
 
   useEffect(() => {
     const handleScroll = () => {