Fix

.github/workflows/deploy.yaml

@@ -0,0 +1,16 @@
+on:
+  push:
+    branches: [develop]
+jobs:
+  deploy:
+    name: "Deploy to netlify"
+    runs-on: ubuntu-latest
+    steps:
+      - name: Wait for the Netlify Preview
+        uses: kamranayub/[email protected]
+        id: waitForNetlify
+        with:
+          site_name: 'tts-fe-preview'
+          max_timeout: 300 # 5 minutes
+        env:
+          NETLIFY_TOKEN: ${{ secrets.NETLIFY_TOKEN }}	

netlify.toml

@@ -0,0 +1,4 @@
+[[redirects]]
+from = "/*"
+to = "/index.html"
+status = 200

src/App.tsx

@@ -1,4 +1,5 @@
 import Layout from './components/layout'
+import StorageAPI from './api/storage'
 import { BrowserRouter, Routes, Route, Navigate } from 'react-router-dom'
 import { AboutPage, TimeTableSchedulerPage, NotFoundPage, FaqsPage } from './pages'
 import { getPath, config } from './utils/utils'
@@ -23,6 +24,7 @@ const redirects = [
 
 const App = () => {
   const [enabled, setEnabled] = useDarkMode()
+  StorageAPI.updateScrappeInfo()
 
   return (
     <BrowserRouter>

src/api/backend.ts

@@ -104,7 +104,7 @@ const getExtraCourses = (major: Major) => {
  * Retrieves the scrappe info from the backend
  */
 const getInfo = async () => {
-  return await apiRequest('info')
+  return await apiRequest('/info/')
 }
 
 const api = {

src/pages/TimeTableScheduler.tsx

@@ -49,8 +49,6 @@ export const controlCoursesGroupCheckbox = (courses: CheckedCourse[], groupCheck
 }
 
 const TimeTableSchedulerPage = () => {
-  StorageAPI.updateScrappeInfo()
-
   // add check property to courses
   const courseToCheckedCourse = (majorCourses: Course[][]): CheckedCourse[][] =>
     majorCourses.map((year: Course[]) =>