feat: query options 추가

IT-Cotato · Oct 21, 2024 · 3e24ba9 · 3e24ba9
1 parent 4181aa2
commit 3e24ba9
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 51 deletions.
diff --git a/.github/workflows/deploy.yml b/.github/workflows/deploy.yml
@@ -18,13 +18,13 @@ jobs:
           node-version: 20.10.0
           cache: npm
       - run: npm ci
-
+      
       - name: Set Environment Variables
         run: |
           echo "VITE_BACKEND_URI=${{ secrets.VITE_BACKEND_URI }}" >> $GITHUB_ENV
           echo "VITE_KAKAO_REST_API_KEY=${{ secrets.VITE_KAKAO_REST_API_KEY }}" >> $GITHUB_ENV
           echo "VITE_KAKAO_JAVASCRIPT_KEY=${{ secrets.VITE_KAKAO_JAVASCRIPT_KEY }}" >> $GITHUB_ENV
-
+            
       - run: npm run build
 
       - name: deploy to s3

diff --git a/src/App.tsx b/src/App.tsx
@@ -3,18 +3,7 @@ import { router } from './routes/router.tsx';
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
 import 'react-toastify/dist/ReactToastify.css';
 
-const queryClient = new QueryClient({
-  defaultOptions: {
-    queries: {
-      retry: 1,
-      throwOnError: true,
-    },
-    mutations: {
-      retry: 1,
-      throwOnError: true,
-    },
-  },
-});
+const queryClient = new QueryClient();
 
 function App() {
   return (

diff --git a/src/components/Modal/PlaceModal.tsx b/src/components/Modal/PlaceModal.tsx
@@ -35,12 +35,10 @@ export default function PlaceModal({ isOpen, onClose }: ModalProps) {
   }
 
   function handleCopyClicked() {
-    navigator.clipboard
-      .writeText(`https://cotato-midpoint.site/page/e/results/${roomId}`)
-      .then(() => {
-        setCopyClicked(true);
-        setTimeout(() => setCopyClicked(false), 1000);
-      });
+    navigator.clipboard.writeText(`https://cotato-midpoint.site/page/e/results/${roomId}`).then(() => {
+      setCopyClicked(true);
+      setTimeout(() => setCopyClicked(false), 1000);
+    });
   }
 
   async function handleNextBtn() {
@@ -80,61 +78,42 @@ export default function PlaceModal({ isOpen, onClose }: ModalProps) {
         animate={{ opacity: 1, scale: 1, transition: { type: 'tween' } }}
         exit={{ opacity: 0, scale: 0.8 }}
       >
-        <XMarkIcon
-          className="absolute text-gray-500 cursor-pointer size-7 top-2 right-2"
-          onClick={handleCloseModal}
-        />
+        <XMarkIcon className="absolute text-gray-500 cursor-pointer size-7 top-2 right-2" onClick={handleCloseModal} />
         <AnimatePresence initial={false}>
           {currentView === 'alone' && (
             <motion.div className="flex flex-col items-center flex-grow w-full gap-4">
               <VoteLogo className="size-11" />
-              <h2 className="text-2xl font-semibold text-[#1A3C95]">
-                어떤 방법으로 장소를 결정할까요?
-              </h2>
-              <h2 className="mb-4 text-lg text-[#5E6D93]">
-                편한 방식으로 모임 장소를 결정할 수 있어요!
-              </h2>
+              <h2 className="text-2xl font-semibold text-[#1A3C95]">어떤 방법으로 장소를 결정할까요?</h2>
+              <h2 className="mb-4 text-lg text-[#5E6D93]">편한 방식으로 모임 장소를 결정할 수 있어요!</h2>
               <div className="flex w-full gap-4">
                 <motion.div
                   className={`flex flex-col items-center  p-2 h-[230px] rounded-lg cursor-pointer w-1/2 bg-white ${
-                    selectedOption === 'alone'
-                      ? 'ring-4 ring-blue-400 bg-blue-200'
-                      : 'border-gray-300'
+                    selectedOption === 'alone' ? 'ring-4 ring-blue-400 bg-blue-200' : 'border-gray-300'
                   }`}
                   whileTap={{ scale: 0.9 }}
                   onClick={() => handleOptionClick('alone')}
                 >
                   <span className="mt-2 text-[#5E6D93]">친구들의 위치를</span>
                   <span className="mb-3 text-[#5E6D93]">모두 알고 있다면?</span>
                   <AloneLogo className="my-3 size-16" />
-                  <p className="font-semibold text-[#1A3C95] text-xl mt-3">
-                    내가 모두 입력하기
-                  </p>
+                  <p className="font-semibold text-[#1A3C95] text-xl mt-3">내가 모두 입력하기</p>
                 </motion.div>
                 <motion.div
                   className={`flex flex-col items-center p-2  rounded-lg cursor-pointer w-1/2 bg-white ${
-                    selectedOption === 'friend'
-                      ? 'ring-4 ring-blue-400 bg-blue-200'
-                      : 'border-gray-300'
+                    selectedOption === 'friend' ? 'ring-4 ring-blue-400 bg-blue-200' : 'border-gray-300'
                   }`}
                   whileTap={{ scale: 0.9 }}
                   onClick={() => handleOptionClick('friend')}
                 >
                   <span className="mt-2 text-[#5E6D93]">친구들과 함께</span>
-                  <span className="mb-3 text-[#5E6D93]">
-                    장소를 결정하려면?
-                  </span>
+                  <span className="mb-3 text-[#5E6D93]">장소를 결정하려면?</span>
                   <FriendLogo className="my-3 size-16" />
-                  <p className="font-semibold text-[#1A3C95] text-xl mt-3">
-                    친구에게 공유하기
-                  </p>
+                  <p className="font-semibold text-[#1A3C95] text-xl mt-3">친구에게 공유하기</p>
                 </motion.div>
               </div>
               <button
                 className={`absolute bottom-5 w-[90%] py-2 rounded-2xl h-14 text-white transition-colors text-xl  hover:bg-blue-400 ${
-                  selectedOption
-                    ? 'bg-blue-500 cursor-pointer'
-                    : 'bg-gray-300 cursor-not-allowed'
+                  selectedOption ? 'bg-blue-500 cursor-pointer' : 'bg-gray-300 cursor-not-allowed'
                 }`}
                 onClick={handleNextBtn}
                 disabled={!selectedOption}
@@ -146,9 +125,7 @@ export default function PlaceModal({ isOpen, onClose }: ModalProps) {
           {currentView === 'shareLink' && (
             <motion.div className="flex flex-col items-center w-full gap-2 mt-8">
               <SharePin className="mb-4 size-12" />
-              <h2 className="mb-4 text-2xl font-semibold text-[#1A3C95]">
-                친구들에게 링크 공유하기
-              </h2>
+              <h2 className="mb-4 text-2xl font-semibold text-[#1A3C95]">친구들에게 링크 공유하기</h2>
               <p className="flex flex-col items-center mb-6 text-lg text-[#5E6D93]">
                 <span>링크를 공유하면 각자 위치를 입력한 후</span>
                 <span>투표를 통해 중간 지점을 결정할 수 있어요!</span>