Merge remote-tracking branch 'origin/develop' into feat/#16

.github/workflows/discord-pr.yaml

@@ -0,0 +1,25 @@
+name: Discord PR Notification
+
+on:
+  pull_request:
+    types: [opened, reopened]
+
+jobs:
+  notify_discord:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v2
+
+      - name: Discord Notification
+        env:
+          DISCORD_WEBHOOK: ${{ secrets.DISCORD_PR_WEBHOOK }}
+          DISCORD_USERNAME: GitHub
+          DISCORD_AVATAR: https://github.githubassets.com/images/modules/logos_page/GitHub-Mark.png
+        uses: Ilshidur/action-discord@master
+        with:
+          args: |
+            새로운 PR이 열렸습니다!<@${{ secrets.DISCORD_ID_1 }}> <@${{ secrets.DISCORD_ID_2 }}>
+            PR: ${{ github.event.pull_request.html_url }}
+            작성자: ${{ github.event.pull_request.user.login }}
+            제목: ${{ github.event.pull_request.title }}

.github/workflows/main.yml

@@ -7,23 +7,67 @@ jobs:
   build:
     runs-on: ubuntu-20.04
     steps:
-      - name: Checkout source code.
+      - name: Checkout source code
         uses: actions/checkout@v3
-
+        with:
+          fetch-depth: 0
+
+      - name: Get commit message and author
+        id: get_commit_info
+        run: |
+          echo "::set-output name=message::$(git log --format=%s -n 1)"
+          echo "::set-output name=author::$(git log --format=%an -n 1)"
+          echo "::set-output name=author_username::$(git log --format=%ae -n 1 | cut -d@ -f1)"
+
       - name: Install dependencies
         run: yarn install
-      
+
       - name: Generate build
         env:
           VITE_API_BASE_URL: ${{ secrets.VITE_API_BASE_URL }}
           VITE_OAUTH_KAKAO_REST_API_KEY: ${{ secrets.VITE_OAUTH_KAKAO_REST_API_KEY }}
           VITE_OAUTH_KAKAO_CLIENT_SECRET_CODE: ${{ secrets.VITE_OAUTH_KAKAO_CLIENT_SECRET_CODE }}
           VITE_OAUTH_KAKAO_REDIRECT_URI: ${{ secrets.VITE_OAUTH_KAKAO_REDIRECT_URI }}
         run: yarn build
-
-      - name: Deploy
+
+      - name: Deploy to S3
+        id: deploy
         env:
           AWS_ACCESS_KEY_ID: ${{ secrets.AWS_ACCESS_KEY_ID }}
           AWS_SECRET_ACCESS_KEY: ${{ secrets.AWS_SECRET_ACCESS_KEY }}
         run: |
           aws s3 sync --region ap-northeast-2 dist s3://alignlab-client --delete
+        continue-on-error: true
+
+      - name: Discord notification - Success
+        if: steps.deploy.outcome == 'success'
+        env:
+          DISCORD_WEBHOOK: ${{ secrets.DISCORD_DEPLOY_WEBHOOK }}
+          DISCORD_USERNAME: GitHub
+          DISCORD_AVATAR: https://github.githubassets.com/images/modules/logos_page/GitHub-Mark.png
+        uses: Ilshidur/action-discord@master
+        with:
+          args: |
+            🎉 배포가 성공적으로 완료되었습니다!
+            브랜치: develop
+            커밋: ${{ steps.get_commit_info.outputs.message }}
+            작성자: ${{ steps.get_commit_info.outputs.author }}
+
+      - name: Discord notification - Failure
+        if: steps.deploy.outcome == 'failure'
+        env:
+          DISCORD_WEBHOOK: ${{ secrets.DISCORD_DEPLOY_WEBHOOK }}
+          DISCORD_USERNAME: GitHub
+          DISCORD_AVATAR: https://github.githubassets.com/images/modules/logos_page/GitHub-Mark.png
+        uses: Ilshidur/action-discord@master
+        with:
+          args: |
+            ❌ 배포 중 오류가 발생했습니다.
+            브랜치: develop
+            커밋: ${{ steps.get_commit_info.outputs.message }}
+            작성자: <@${{ steps.get_commit_info.outputs.author_username }}>
+            실패한 워크플로우: ${{ github.server_url }}/${{ github.repository }}/actions/runs/${{ github.run_id }}
+
+      - name: Check deploy result
+        if: steps.deploy.outcome == 'failure'
+        run: exit 1

src/components/SideNav.tsx

@@ -52,7 +52,7 @@ export default function SideNav() {
           {/* Navigation Links */}
           <nav className="mt-10">
             <ul>
-              {navItems.map(({ icon: Icon, label, link, className }) => (
+              {navItems.map(({ icon: Icon, label, className }) => (
                 <li
                   key={label}
                   className={`mb-1 flex cursor-pointer items-center rounded-r-md p-3 hover:bg-gray-700 ${