Merge pull request #130 from EFUB4-Jukebox/dev

🚑️ Hotfix : 핀 생성하기 여러번 누르기 방지
EFUB4-Jukebox · Sep 13, 2024 · b4c8855 · b4c8855
2 parents 4489d63 + c89ed9a
commit b4c8855
Showing 1 changed file with 8 additions and 0 deletions.
diff --git a/src/pages/CreatePinPage/CreatePinPage.jsx b/src/pages/CreatePinPage/CreatePinPage.jsx
@@ -35,6 +35,7 @@ const CreatePinPage = () => {
   const [active, setActive] = useState(false);
   const [infoMsg, setInfoMsg] = useState("");
   const { setIsSnackbar } = useSnackbarStore();
+  const [disabled, setDisabled] = useState(false);
   const calendarRef = useRef(null);
 
   const navigate = useNavigate();
@@ -75,6 +76,10 @@ const CreatePinPage = () => {
 
   const handlePostPin = async e => {
     e.preventDefault();
+
+    if (disabled) return;
+
+    setDisabled(true);
     const request = {
       song: {
         title: selectedPin.title,
@@ -115,6 +120,9 @@ const CreatePinPage = () => {
       //navigate(`/details-song/${songId}`);
       window.location.href = `/details-song/${songId}?${placeParams}`;
     }
+    setTimeout(() => {
+      setDisabled(false);
+    }, 5000);
   };
 
   useEffect(() => {