fix(updates): hide update options on platforms that do not support it

client/src/state/System/SystemAPI.ts

@@ -0,0 +1,7 @@
+import superagent from 'superagent';
+
+import { ISystemState } from './SystemTypes';
+
+export async function getSystem(): Promise<ISystemState> {
+    return (await superagent.get(`/api/v1/system`)).body;
+}

client/src/state/System/SystemActions.ts

@@ -0,0 +1,37 @@
+import * as Sentry from '@sentry/browser';
+
+import {
+    SYSTEM_GET_SYSTEM_REQUEST,
+    SYSTEM_GET_SYSTEM_ERROR,
+    SYSTEM_GET_SYSTEM_SUCCESS
+} from './SystemTypes';
+
+import * as API from './SystemAPI';
+
+export function getSystem(): any {
+    return async (dispatch: any) => {
+        try {
+            dispatch({
+                payload: {},
+                type: SYSTEM_GET_SYSTEM_REQUEST
+            });
+
+            try {
+                const system = await API.getSystem();
+
+                dispatch({
+                    payload: system,
+                    type: SYSTEM_GET_SYSTEM_SUCCESS
+                });
+                return system;
+            } catch (error) {
+                Sentry.captureException(error);
+
+                dispatch({
+                    payload: { error },
+                    type: SYSTEM_GET_SYSTEM_ERROR
+                });
+            }
+        } catch (error) {}
+    };
+}

client/src/state/System/SystemReducer.ts

@@ -0,0 +1,29 @@
+import * as Sentry from '@sentry/browser';
+
+import {
+    ISystemActionTypes,
+    ISystemState,
+    SYSTEM_GET_SYSTEM_SUCCESS
+} from './SystemTypes';
+
+export const initialState: ISystemState = {
+    platformSupportsUpdates: true
+};
+
+export default function settingsReducer(
+    state: ISystemState = initialState,
+    action: ISystemActionTypes
+): ISystemState {
+    try {
+        switch (action.type) {
+            case SYSTEM_GET_SYSTEM_SUCCESS:
+                return action.payload;
+
+            default:
+                return state;
+        }
+    } catch (error) {
+        Sentry.captureException(error);
+        return state;
+    }
+}

client/src/state/System/SystemTypes.ts

@@ -0,0 +1,32 @@
+export interface IState {
+    system: ISystemState;
+}
+
+export interface ISystemState {
+    platformSupportsUpdates: boolean;
+}
+
+export const SYSTEM_GET_SYSTEM_REQUEST = 'SYSTEM_GET_SYSTEM_REQUEST';
+export const SYSTEM_GET_SYSTEM_SUCCESS = 'SYSTEM_GET_SYSTEM_SUCCESS';
+export const SYSTEM_GET_SYSTEM_ERROR = 'SYSTEM_GET_SYSTEM_ERROR';
+
+export interface IGetSystemRequestAction {
+    payload: {};
+    type: typeof SYSTEM_GET_SYSTEM_REQUEST;
+}
+
+export interface IGetSystemSuccessAction {
+    payload: ISystemState;
+    type: typeof SYSTEM_GET_SYSTEM_SUCCESS;
+}
+export interface IGetSystemErrorAction {
+    payload: {
+        error: string;
+    };
+    type: typeof SYSTEM_GET_SYSTEM_ERROR;
+}
+
+export type ISystemActionTypes =
+    | IGetSystemErrorAction
+    | IGetSystemRequestAction
+    | IGetSystemSuccessAction;

client/src/state/index.ts

@@ -19,6 +19,10 @@ import * as SettingsTypes from './Settings/SettingsTypes';
 import SettingsReducer from './Settings/SettingsReducer';
 import * as SettingsActions from './Settings/SettingsActions';
 
+import * as SystemTypes from './System/SystemTypes';
+import SystemReducer from './System/SystemReducer';
+import * as SystemActions from './System/SystemActions';
+
 import RunReducer from './Run/RunReducer';
 import * as RunTypes from './Run/RunTypes';
 import * as RunActions from './Run/RunActions';
@@ -48,7 +52,8 @@ const rootReducer = () =>
         h5peditor: H5PEditorReducer,
         analytics: AnalyticsReducer,
         run: RunReducer,
-        settings: SettingsReducer
+        settings: SettingsReducer,
+        system: SystemReducer
     });
 
 const store = createStore(
@@ -62,14 +67,16 @@ export interface IState
         NotificationsTypes.IState,
         AnalyticsTypes.IState,
         SettingsTypes.IState,
-        RunTypes.IState {}
+        RunTypes.IState,
+        SystemTypes.IState {}
 
 export const actions = {
     notifications: NotificationsActions,
     h5peditor: H5PEditorActions,
     analytics: AnalyticsActions,
     settings: SettingsActions,
-    run: RunActions
+    run: RunActions,
+    system: SystemActions
 };
 
 export const selectors = {

client/src/views/App.tsx

@@ -41,6 +41,8 @@ export default function AppContainer() {
                 }
             }
         );
+
+        dispatch(actions.system.getSystem());
     }, [dispatch, i18n]);
 
     return (

client/src/views/Settings.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import classnames from 'classnames';
 
 import { useTranslation } from 'react-i18next';
-import { useDispatch } from 'react-redux';
+import { useDispatch, useSelector } from 'react-redux';
 
 import { createStyles, makeStyles, Theme } from '@material-ui/core/styles';
 import Dialog from '@material-ui/core/Dialog';
@@ -35,6 +35,7 @@ import AccountSettingsList from './components/Settings/AccountSettingsList';
 import SettingsLibraryManagement from './components/Settings/LibraryManagement';
 import UpdateSettings from './components/Settings/UpdatesSettings';
 
+import { IState } from '../state';
 import { track } from '../state/track/actions';
 
 const drawerWidth = 240;
@@ -100,6 +101,10 @@ export default function FullScreenDialog() {
     const { t } = useTranslation();
     const dispatch = useDispatch();
 
+    const platformSupportsUpdates = useSelector(
+        (state: IState) => state.system.platformSupportsUpdates
+    );
+
     const [section, setSection] = React.useState('general');
 
     const handleClickOpen = () => {
@@ -164,21 +169,23 @@ export default function FullScreenDialog() {
                                 primary={t('settings.menu.general')}
                             />
                         </ListItem>
-                        <ListItem
-                            button
-                            key="updates"
-                            onClick={() => setSection('updates')}
-                            className={classnames({
-                                [classes.selected]: section === 'updates'
-                            })}
-                        >
-                            <ListItemIcon>
-                                <UpdateIcon />
-                            </ListItemIcon>
-                            <ListItemText
-                                primary={t('settings.menu.updates')}
-                            />
-                        </ListItem>
+                        {platformSupportsUpdates && (
+                            <ListItem
+                                button
+                                key="updates"
+                                onClick={() => setSection('updates')}
+                                className={classnames({
+                                    [classes.selected]: section === 'updates'
+                                })}
+                            >
+                                <ListItemIcon>
+                                    <UpdateIcon />
+                                </ListItemIcon>
+                                <ListItemText
+                                    primary={t('settings.menu.updates')}
+                                />
+                            </ListItem>
+                        )}
                         <ListItem
                             button
                             key="h5p-library-administration"

server/src/routes/index.ts

@@ -17,6 +17,7 @@ import h5pRoutes from './h5pRoutes';
 import analyticRoutes from './analyticRoutes';
 import settingsRoutes from './settingsRoutes';
 import runRoutes from './runRoutes';
+import updateRoutes from './systemRoutes';
 
 import User from '../User';
 
@@ -43,6 +44,8 @@ export default function (
         next();
     });
 
+    router.use('/api/v1/system', updateRoutes());
+
     router.use(
         '/api/v1/settings',
         settingsRoutes(serverConfig, browserWindow, app)

server/src/routes/systemRoutes.ts

@@ -0,0 +1,28 @@
+import express from 'express';
+import * as Sentry from '@sentry/electron';
+
+import { platformSupportsUpdates } from '../updater';
+
+export default function (): express.Router {
+    const router = express.Router();
+
+    router.get(
+        `/`,
+        async (
+            req: express.Request,
+            res: express.Response,
+            next: express.NextFunction
+        ) => {
+            try {
+                res.status(200).json({
+                    platformSupportsUpdates: platformSupportsUpdates()
+                });
+            } catch (error) {
+                Sentry.captureException(error);
+                res.status(500).json(error);
+            }
+        }
+    );
+
+    return router;
+}