Merge pull request #14 from yun-cheng/chore/firebase-deployment

chore(deploy): configure GitHub Actions for automatic deployment to Firebase Hosting

.firebaserc

@@ -0,0 +1,5 @@
+{
+  "projects": {
+    "default": "aha-frontend-assessment"
+  }
+}

.github/workflows/firebase-hosting-merge.yml

@@ -0,0 +1,27 @@
+# This file was auto-generated by the Firebase CLI
+# https://github.com/firebase/firebase-tools
+
+name: Deploy to Firebase Hosting on merge
+'on':
+  push:
+    branches:
+      - main
+jobs:
+  build_and_deploy:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - uses: pnpm/action-setup@v3
+        with:
+          version: 8
+      - uses: actions/setup-node@v4
+        with:
+          node-version: 20
+          cache: 'pnpm'
+      - run: pnpm install && pnpm build
+      - uses: FirebaseExtended/action-hosting-deploy@v0
+        with:
+          repoToken: '${{ secrets.GITHUB_TOKEN }}'
+          firebaseServiceAccount: '${{ secrets.FIREBASE_SERVICE_ACCOUNT_AHA_FRONTEND_ASSESSMENT }}'
+          channelId: live
+          projectId: aha-frontend-assessment

.github/workflows/firebase-hosting-pull-request.yml

@@ -0,0 +1,28 @@
+# This file was auto-generated by the Firebase CLI
+# https://github.com/firebase/firebase-tools
+
+name: Deploy to Firebase Hosting on PR
+'on': pull_request
+permissions:
+  checks: write
+  contents: read
+  pull-requests: write
+jobs:
+  build_and_preview:
+    if: '${{ github.event.pull_request.head.repo.full_name == github.repository }}'
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - uses: pnpm/action-setup@v3
+        with:
+          version: 8
+      - uses: actions/setup-node@v4
+        with:
+          node-version: 20
+          cache: 'pnpm'
+      - run: pnpm install && pnpm build
+      - uses: FirebaseExtended/action-hosting-deploy@v0
+        with:
+          repoToken: '${{ secrets.GITHUB_TOKEN }}'
+          firebaseServiceAccount: '${{ secrets.FIREBASE_SERVICE_ACCOUNT_AHA_FRONTEND_ASSESSMENT }}'
+          projectId: aha-frontend-assessment

firebase.json

@@ -0,0 +1,12 @@
+{
+	"hosting": {
+		"public": "dist",
+		"ignore": ["firebase.json", "**/.*", "**/node_modules/**"],
+		"rewrites": [
+			{
+				"source": "**",
+				"destination": "/index.html"
+			}
+		]
+	}
+}

src/components/common/NavBar/NavBar.tsx

@@ -3,7 +3,7 @@ import { useAtom } from 'jotai'
 import { useEffect, type ReactElement } from 'react'
 import { Link, useLocation } from 'react-router-dom'
 import cn from 'utils/cn'
-import ArrowBackSvg from '../../../icons/arrowBack.svg?react'
+import ArrowBackSvg from '../../../icons/ArrowBack.svg?react'
 import Logo from '../Logo'
 import NavButton from './NavButton'
 

src/pages/ResultsPage.tsx

@@ -5,7 +5,7 @@ import { useEffect, useRef, type ReactElement } from 'react'
 import { useInView } from 'react-intersection-observer'
 import { Link } from 'react-router-dom'
 import cn from 'utils/cn'
-import ArrowBackSvg from '../icons/arrowBack.svg?react'
+import ArrowBackSvg from '../icons/ArrowBack.svg?react'
 
 export default function ResultsPage(): ReactElement {
 	const containerRef = useRef<HTMLDivElement>(null)