Upgrade react (#52)

* Upgrade dependencies

* Upgrade cra

* Upgrade to react 18

* Revert "Upgrade to react 18"

This reverts commit 3032dc0.

* Upgrade to mui (1)

* Upgrade to material-ui

* Fix build warning

One of your dependencies, babel-preset-react-app, is importing the
"@babel/plugin-proposal-private-property-in-object" package without
declaring it in its dependencies. This is currently working because
"@babel/plugin-proposal-private-property-in-object" is already in your
node_modules folder for unrelated reasons, but it may break at any time.

babel-preset-react-app is part of the create-react-app project, which
is not maintianed anymore. It is thus unlikely that this bug will
ever be fixed. Add "@babel/plugin-proposal-private-property-in-object" to
your devDependencies to work around this error. This will make this message
go away.

* Fix migration errors

* Fix react render & amplify import

* Fix styling

* Fix imports

* Fix deprecation warnings

* Debugging

* Working

Without play/pause/currentTime

* Split state into two

* Format sources

* Upgrade aws amplify

* Upgrade dependencies

* Upgrade infrastructure dependencies

* Update build script

* Trigger only on PR

* Downgrade typescript to fix build

* Suppress warning

* Split build steps

* Replace cache step

* Configure cache path

* Fix workflow

---------

Co-authored-by: kaklakariada <[email protected]>

.github/workflows/build.yml

@@ -1,25 +1,26 @@
 name: Build
 
-on: [push]
+on:
+  push:
+    branches: [main]
+  pull_request:
 
 jobs:
   build:
 
     runs-on: ubuntu-latest
+    defaults:
+      run:
+        shell: "bash"
 
     steps:
     - uses: actions/checkout@v4
 
-    - uses: actions/cache@v4
-      with:
-        path: ~/.npm
-        key: ${{ runner.os }}-node-${{ hashFiles('**/package-lock.json') }}
-        restore-keys: |
-          ${{ runner.os }}-node-
-
     - uses: actions/setup-node@v4
       with:
-        node-version: '12.x'
+        node-version: '20'
+        cache: 'npm'
+        cache-dependency-path: "*/package-lock.json"
 
     - name: Configure infrastructure
       run: |
@@ -37,11 +38,10 @@ jobs:
         };
         EOF
 
+    - name: Install dependencies for infrastructure
+      run: cd infrastructure && npm ci
     - name: Build infrastructure
-      run: |
-        cd infrastructure
-        npm ci
-        npm run cdk synth
+      run: cd infrastructure && npm run cdk synth
 
     - name: Configure frontend
       run: |
@@ -57,8 +57,8 @@ jobs:
         };
         EOF
 
+    - name: Install frontend dependencies
+      run: cd frontend && npm ci
+
     - name: Build frontend
-      run: |
-        cd frontend
-        npm ci
-        npm run build
+      run: cd frontend && npm run build