ADD edge to compatible browsers

.github/workflows/pull-request.yml

@@ -57,7 +57,7 @@ jobs:
         working-directory: web
     strategy:
       matrix:
-        node-version: [ 14.x ]
+        node-version: [ 16.x ]
     steps:
       - uses: actions/checkout@v4
       - name: Use Node.js ${{ matrix.node-version }}
@@ -75,4 +75,4 @@ jobs:
           restore-keys: |
             ${{ runner.os }}-yarn-
       - run: yarn install --frozen-lockfile
-      - run: yarn run build
+      - run: env DISABLE_ESLINT_PLUGIN=true yarn run build

web/Dockerfile

@@ -2,7 +2,7 @@ FROM node:18-alpine
 
 
 # This disables webpack source maps from being created in the build step
-ENV GENERATE_SOURCEMAP=false
+ENV GENERATE_SOURCEMAP=false DISABLE_ESLINT_PLUGIN=true
 
 WORKDIR /opt/app
 COPY package.json yarn.lock /opt/app/

web/src/components/shared/DeviceWarning.jsx

@@ -1,17 +1,17 @@
 import React from 'react';
-import {browserName, isChrome, isDesktop, isFirefox, isTablet} from 'react-device-detect';
+import {browserName, isChrome, isEdgeChromium, isDesktop, isFirefox, isTablet} from 'react-device-detect';
 import {useSnackbar} from 'notistack';
 
 export default function DeviceWarning() {
   const {enqueueSnackbar} = useSnackbar();
 
   React.useEffect(() => {
     const acceptDevice = isDesktop || isTablet;
-    const acceptBrowser = isChrome || isFirefox;
+    const acceptBrowser = isChrome || isFirefox || isEdgeChromium;
     if (!acceptBrowser) {
       enqueueSnackbar(`We noticed you are on ${browserName}. ` +
         'Some things may not work as intended. ' +
-        'Try Firefox or Chrome if you run into any issues!', {variant: 'warning'});
+        'Try Firefox, Chrome or Edge if you run into any issues!', {variant: 'warning'});
       return;
     }
     if (!acceptDevice) {