deploy : 5차 배포

.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/layouts/PrivateRoute.tsx

@@ -6,6 +6,7 @@ import { useServerSentEvents } from '@/hooks/useServerSentEvents';
 import Toast from '@/components/Toast';
 
 export default function PrivateRoute() {
+  useServerSentEvents();
   const isLoggedIn = useAuthStore((state) => state.isLoggedIn);
   const navigate = useNavigate();
 

src/main.tsx

@@ -1,5 +1,5 @@
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
-import { StrictMode } from 'react';
+// import { StrictMode } from 'react';
 import { createRoot } from 'react-dom/client';
 import { BrowserRouter } from 'react-router';
 

src/pages/Auth/index.tsx

@@ -37,6 +37,8 @@ const AuthCallbackPage = () => {
       if (userInfo.accessToken) setAccessToken(userInfo.accessToken);
       accessToken = userInfo.accessToken;
 
+      console.log(redirectURL);
+
       switch (redirectURL) {
         case 'home':
           {

src/pages/Home/components/GoToLetterBoard.tsx

@@ -6,7 +6,7 @@ const GoToLetterBoard = () => {
   return (
     <div className="absolute right-[-56%] bottom-[28%] z-9 flex w-full md:right-[-42%] lg:right-[-20%]">
       <div className="text-left">
-        <p className="text-gray-60 body-r mb-1 ml-2">게시판</p>
+        <p className="text-gray-60 body-r mb-1 ml-2 dark:text-white">게시판</p>
         <Link to="/board/letter">
           <img
             src={goToLetterBoard}

src/pages/LetterBoardDetail/index.tsx

@@ -24,6 +24,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();
   const myZipCode = useAuthStore.getState().zipCode;

src/pages/RollingPaper/index.tsx

@@ -133,6 +133,7 @@ const RollingPaperPage = () => {
         <WriteCommentButton rollingPaperId={id} />
         <MenuButton />
       </main>
+      <MenuButton />
       <BackgroundBottom />
     </>
   );