Refactored Web UI using React

5 files changed, 86 insertions, 31 deletions

diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
new file mode 100644
index 000000000..3cbcc368a
--- /dev/null
+++ b/.github/workflows/ci.yml
@@ -0,0 +1,34 @@
+name: CI
+
+on:
+  push:
+    branches: [frontend-upgrade]
+  pull_request:
+    branches: [frontend-upgrade]
+
+jobs:
+  Frontend:
+    runs-on: ubuntu-latest
+    env:
+      working-directory: ./frontend
+
+    strategy:
+      matrix:
+        node-version: [14.x]
+
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v2
+
+      - name: Set up Node.js ${{ matrix.node-version }}
+        uses: actions/setup-node@v1
+        with:
+          node-version: ${{ matrix.node-version }}
+
+      - name: Install dependencies
+        run: npm install
+        working-directory: ${{ env.working-directory }}
+
+      - name: Build
+        run: npm run build
+        working-directory: ${{ env.working-directory }}
diff --git a/.github/workflows/release_beta_to_dev.yaml b/.github/workflows/release_beta_to_dev.yaml
index a5e08f63d..c20dd553c 100644
--- a/.github/workflows/release_beta_to_dev.yaml
+++ b/.github/workflows/release_beta_to_dev.yaml
@@ -1,7 +1,7 @@
 name: release_beta_to_dev
 on:
   push:
-    branches: [ development ]
+    branches: [development]
 
 jobs:
   Release:
@@ -9,6 +9,7 @@ jobs:
     env:
       ACTIONS_ALLOW_UNSECURE_COMMANDS: true
       GITHUB_TOKEN: "${{ secrets.GITHUB_TOKEN }}"
+      working-directory: ./frontend
     steps:
       - name: Checkout source code
         uses: actions/checkout@v2
@@ -19,10 +20,33 @@ jobs:
       - name: Setup NodeJS
         uses: actions/setup-node@v2
         with:
-          node-version: '15.x'
+          node-version: "15.x"
       - run: npm install -D release-it
       - run: npm install -D @release-it/bumper
-      
+
+      - name: Remove previous node_modules directory
+        uses: JesseTG/[email protected]
+        with:
+          path: ${{ env.working-directory }}/node_modules
+
+      - name: Install dependencies
+        run: npm install
+        working-directory: ${{ env.working-directory }}
+
+      - name: Remove previous build directory
+        uses: JesseTG/[email protected]
+        with:
+          path: ${{ env.working-directory }}/build
+
+      - name: Build
+        run: npm run build
+        working-directory: ${{ env.working-directory }}
+
+      - name: Remove generated node_modules directory
+        uses: JesseTG/[email protected]
+        with:
+          path: ${{ env.working-directory }}/node_modules
+
       - id: latest_release
         uses: pozetroninc/github-action-get-latest-release@master
         with:
@@ -31,9 +55,9 @@ jobs:
 
       - name: Define LAST_VERSION environment variable
         run: |
-            echo "LAST_VERSION=${{steps.latest_release.outputs.release}}" >> $GITHUB_ENV
-      
+          echo "LAST_VERSION=${{steps.latest_release.outputs.release}}" >> $GITHUB_ENV
+
       - name: Update version and create release
         uses: TheRealWaldo/[email protected]
         with:
-          json-opts: '{"preRelease": true, "increment": "prepatch", "preReleaseId": "beta"}'
\ No newline at end of file
+          json-opts: '{"preRelease": true, "increment": "prepatch", "preReleaseId": "beta"}'
diff --git a/.github/workflows/release_major_and_merge.yaml b/.github/workflows/release_major_and_merge.yaml
index 4563a50ee..eab4ff06c 100644
--- a/.github/workflows/release_major_and_merge.yaml
+++ b/.github/workflows/release_major_and_merge.yaml
@@ -1,6 +1,5 @@
 name: release_major_and_merge
-on:
-  workflow_dispatch
+on: workflow_dispatch
 
 jobs:
   Release:
@@ -14,7 +13,7 @@ jobs:
         run: |
           echo This action can only be run on development branch, not ${{ github.ref }}
           exit 1
-      
+
       - name: Checkout source code
         uses: actions/checkout@v2
         with:
@@ -24,11 +23,11 @@ jobs:
       - name: Setup NodeJS
         uses: actions/setup-node@v2
         with:
-          node-version: '15.x'
+          node-version: "15.x"
       - run: npm install -D release-it
       - run: npm install -D @release-it/bumper
       - run: npm install -D auto-changelog
-      
+
       - id: latest_release
         uses: pozetroninc/github-action-get-latest-release@master
         with:
@@ -37,8 +36,8 @@ jobs:
 
       - name: Define LAST_VERSION environment variable
         run: |
-            echo "LAST_VERSION=${{steps.latest_release.outputs.release}}" >> $GITHUB_ENV
-      
+          echo "LAST_VERSION=${{steps.latest_release.outputs.release}}" >> $GITHUB_ENV
+
       - name: Update version and create release
         uses: TheRealWaldo/[email protected]
         with:
@@ -56,4 +55,4 @@ jobs:
           type: now
           from_branch: development
           target_branch: master
-          github_token: ${{ secrets.GITHUB_TOKEN }}
\ No newline at end of file
+          github_token: ${{ secrets.GITHUB_TOKEN }}
diff --git a/.github/workflows/release_minor_and_merge.yaml b/.github/workflows/release_minor_and_merge.yaml
index c47fe3e4b..22747af24 100644
--- a/.github/workflows/release_minor_and_merge.yaml
+++ b/.github/workflows/release_minor_and_merge.yaml
@@ -1,6 +1,5 @@
 name: release_minor_and_merge
-on:
-  workflow_dispatch
+on: workflow_dispatch
 
 jobs:
   Release:
@@ -14,7 +13,7 @@ jobs:
         run: |
           echo This action can only be run on development branch, not ${{ github.ref }}
           exit 1
-      
+
       - name: Checkout source code
         uses: actions/checkout@v2
         with:
@@ -24,11 +23,11 @@ jobs:
       - name: Setup NodeJS
         uses: actions/setup-node@v2
         with:
-          node-version: '15.x'
+          node-version: "15.x"
       - run: npm install -D release-it
       - run: npm install -D @release-it/bumper
       - run: npm install -D auto-changelog
-      
+
       - id: latest_release
         uses: pozetroninc/github-action-get-latest-release@master
         with:
@@ -37,8 +36,8 @@ jobs:
 
       - name: Define LAST_VERSION environment variable
         run: |
-            echo "LAST_VERSION=${{steps.latest_release.outputs.release}}" >> $GITHUB_ENV
-      
+          echo "LAST_VERSION=${{steps.latest_release.outputs.release}}" >> $GITHUB_ENV
+
       - name: Update version and create release
         uses: TheRealWaldo/[email protected]
         with:
@@ -56,4 +55,4 @@ jobs:
           type: now
           from_branch: development
           target_branch: master
-          github_token: ${{ secrets.GITHUB_TOKEN }}
\ No newline at end of file
+          github_token: ${{ secrets.GITHUB_TOKEN }}
diff --git a/.github/workflows/release_patch_and_merge.yaml b/.github/workflows/release_patch_and_merge.yaml
index 0f31f3c36..48eaab941 100644
--- a/.github/workflows/release_patch_and_merge.yaml
+++ b/.github/workflows/release_patch_and_merge.yaml
@@ -1,6 +1,5 @@
 name: release_patch_and_merge
-on:
-  workflow_dispatch
+on: workflow_dispatch
 
 jobs:
   Release:
@@ -14,7 +13,7 @@ jobs:
         run: |
           echo This action can only be run on development branch, not ${{ github.ref }}
           exit 1
-      
+
       - name: Checkout source code
         uses: actions/checkout@v2
         with:
@@ -24,11 +23,11 @@ jobs:
       - name: Setup NodeJS
         uses: actions/setup-node@v2
         with:
-          node-version: '15.x'
+          node-version: "15.x"
       - run: npm install -D release-it
       - run: npm install -D @release-it/bumper
       - run: npm install -D auto-changelog
-      
+
       - id: latest_release
         uses: pozetroninc/github-action-get-latest-release@master
         with:
@@ -37,8 +36,8 @@ jobs:
 
       - name: Define LAST_VERSION environment variable
         run: |
-            echo "LAST_VERSION=${{steps.latest_release.outputs.release}}" >> $GITHUB_ENV
-      
+          echo "LAST_VERSION=${{steps.latest_release.outputs.release}}" >> $GITHUB_ENV
+
       - name: Update version and create release
         uses: TheRealWaldo/[email protected]
         with:
@@ -49,11 +48,11 @@ jobs:
     steps:
       - name: Checkout source code
         uses: actions/checkout@v2
-        
+
       - name: Merge development -> master
         uses: devmasx/[email protected]
         with:
           type: now
           from_branch: development
           target_branch: master
-          github_token: ${{ secrets.GITHUB_TOKEN }}
\ No newline at end of file
+          github_token: ${{ secrets.GITHUB_TOKEN }}