Merge branch 'main' of https://github.com/prgrms-web-devcourse-final-project/WEB2_3_9crops_FE into 118-deploy-nd

Author: wldnjs990

.github/workflows/deploy.yml

@@ -0,0 +1,58 @@
+name: MAIN CI
+
+on:
+  push:
+    branches:
+      - main
+
+jobs:
+  Deploy:
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout source code
+        uses: actions/checkout@v3
+
+      - name: Install pnpm
+        run: |
+          npm install -g pnpm
+
+      - name: Get pnpm store path
+        id: pnpm-cache-path
+        run: echo "STORE_PATH=$(pnpm store path)" >> $GITHUB_ENV
+
+      - name: Cache pnpm modules
+        id: cache
+        uses: actions/cache@v3
+        with:
+          path: ${{ env.STORE_PATH }}
+          key: ${{ runner.os }}-pnpm-${{ hashFiles('**/pnpm-lock.yaml') }}
+          restore-keys: |
+            ${{ runner.os }}-pnpm-
+            ${{ runner.os }}-
+
+      - name: Install Dependencies
+        run: |
+          pnpm install --frozen-lockfile
+          pnpm store prune
+
+      - name: Set up .env file
+        run: |
+          echo "VITE_API_URL=${{ secrets.VITE_API_URL }}" > .env.production
+          echo "HTTPS=true" >> .env.production
+
+      - name: Build
+        run: pnpm run build
+
+      - name: Configure AWS Credentials
+        uses: aws-actions/configure-aws-credentials@v2
+        with:
+          aws-access-key-id: ${{ secrets.AWS_ACCESS_KEY_ID }}
+          aws-secret-access-key: ${{ secrets.AWS_SECRET_ACCESS_KEY }}
+          aws-region: ${{ secrets.AWS_REGION }}
+
+      - name: Deploy to S3
+        run: aws s3 sync ./dist s3://${{ secrets.AWS_BUCKET_NAME }} --delete
+
+      - name: Invalidate CloudFront Cache
+        run: aws cloudfront create-invalidation --distribution-id ${{ secrets.AWS_DISTRIBUTION_ID }} --paths "/*"

src/hooks/useServerSentEvents.tsx

@@ -79,7 +79,6 @@ export const useServerSentEvents = () => {
 
         sourceRef.current.onerror = () => {
           // 에러 발생시 해당 에러가 45초를 넘어서 발생한 에러인지, 401에러인지 판단할 수 있는게 없어서 그냥 에러 발생하면 reissue 넣는걸로 때움
-          callReissue();
           closeSSE();
           recallCountRef.current += 1;
           console.log('SSE연결 에러 발생');
@@ -92,6 +91,7 @@ export const useServerSentEvents = () => {
           }
         };
       } catch (error) {
+        callReissue();
         console.error(error);
       }
     };

src/main.tsx

@@ -15,11 +15,11 @@ queryClient.setDefaultOptions({
 });
 
 createRoot(document.getElementById('root')!).render(
-  // <StrictMode>
-  <QueryClientProvider client={queryClient}>
-    <BrowserRouter>
-      <App />
-    </BrowserRouter>
-  </QueryClientProvider>,
-  // </StrictMode>
+  <StrictMode>
+    <QueryClientProvider client={queryClient}>
+      <BrowserRouter>
+        <App />
+      </BrowserRouter>
+    </QueryClientProvider>
+  </StrictMode>,
 );

src/pages/Auth/index.tsx

@@ -75,6 +75,9 @@ const AuthCallbackPage = () => {
         return;
       }
       navigate('/notFound');
+      if (error === 'deleted_member') {
+        alert('탈퇴한 회원입니다.');
+      }
       return;
     }
 

src/pages/LetterBoardDetail/index.tsx

@@ -4,14 +4,14 @@ import { twMerge } from 'tailwind-merge';
 import {
   getSharePostDetail,
   SharePost,
-  postSharePostLike,
   getSharePostLikeCount,
+  postSharePostLike,
 } from '@/apis/share';
 import ReportModal from '@/components/ReportModal';
 
 import Header from './components/Header';
 import Letter from './components/Letter';
-import { useParams } from 'react-router';
+import { useLocation, useParams } from 'react-router';
 import useAuthStore from '@/stores/authStore';
 
 const LetterBoardDetailPage = () => {
@@ -20,6 +20,9 @@ const LetterBoardDetailPage = () => {
   const [isWriter, setIsWriter] = useState(false);
   const [postDetail, setPostDetail] = useState<SharePost>();
   const [activeReportModal, setActiveReportModal] = useState(false);
+  const location = useLocation();
+  const sharePostId: string = location.pathname.split('/')[3];
+  // const isShareLetterPreview = location.state?.isShareLetterPreview || false;
 
   const { id } = useParams();