♻️Refactor - review hover animation 추가, openseminar data refactor #44

GDSC-DGU · May 8, 2024 · c663e62 · c663e62
1 parent 92ddfef
commit c663e62
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 11 deletions.
diff --git a/src/components/seminar/openSeminarDetail/kindOfSeminar/OpenSeminarDetailSeminars.tsx b/src/components/seminar/openSeminarDetail/kindOfSeminar/OpenSeminarDetailSeminars.tsx
@@ -39,6 +39,13 @@ const OpenSeminarDetailSeminars = ({ detailSeminars }: { detailSeminars:OpenSemi
        style={{ transformOrigin: '10% 60%' }}
        className="w-full"
      >
+          <motion.section
+          viewport={{ once: true, amount: 0.9 }}
+          variants={seminarCardVariants}
+          style={{ transformOrigin: '10% 60%' }}
+          whileHover={{ scale: 1.05, transition: { duration: 0.2 } }}
+          whileTap={{ scale: 0.8 }}
+        >
       <Link
       href={`/seminar/${seminar.id}`}
     >
@@ -48,6 +55,7 @@ const OpenSeminarDetailSeminars = ({ detailSeminars }: { detailSeminars:OpenSemi
     />
     </Link>
     </motion.section>
+    </motion.section>
   ))}
   </div>
   </div>

diff --git a/src/components/seminar/seminarDetail/review/SeminalDetailReviewDetail.tsx b/src/components/seminar/seminarDetail/review/SeminalDetailReviewDetail.tsx
@@ -1,7 +1,5 @@
 import { SeminarReview } from '@/interfaces/seminar/seminarReview';
 import React from 'react';
-import { motion } from 'framer-motion';
-import { seminarCardVariants } from '@/constants/seminar/seminarCardVariants';
 
 /**
  * @description
@@ -19,15 +17,7 @@ const SeminarDetailReviewDetail = ({ review }: { review: SeminarReview }) => {
   return (
     <div className="mt-5 flex flex-col p-5 bg-mono_900 rounded-xl"> 
     <p className='B1 pointer-events-none'>{review.author}</p>
-    <motion.section
-          viewport={{ once: true, amount: 0.9 }}
-          variants={seminarCardVariants}
-          style={{ transformOrigin: '10% 60%' }}
-          whileHover={{ scale: 1.05, transition: { duration: 0.2 } }}
-          whileTap={{ scale: 0.8 }}
-        >
     <p className='mt-3 B1 pointer-events-none'>{review.content}</p>
-    </motion.section>
   </div>
   );
 };

diff --git a/src/components/seminar/toggle/SeminarToggleMenu.tsx b/src/components/seminar/toggle/SeminarToggleMenu.tsx
@@ -26,7 +26,7 @@ const SeminarToggleMenu = ({openSeminar}: {openSeminar:OpenSeminar}) => {
       <div
         className="p-3 flex justify-between items-center">
             <div className="flex-col">
-      <p className="H6">{openSeminar.title}{" "}{openSeminar.type}</p>
+      <p className="H6">{openSeminar.title}</p>
       <p className="Cap">{openSeminar.date}</p>
       </div>
       <p className={`text-[0.75rem] font-medium py-2 px-3 border border-solid rounded-lg ${openSeminar.status === false ? "text-mono_500 border-mono_500" : "text-mono_white border-mono_white"}`}>