Change live routes config

1 files changed, 12 insertions, 9 deletions

diff --git a/modern/src/settings/PreferencesPage.js b/modern/src/settings/PreferencesPage.js
index 97548cbb..6aad1153 100644
--- a/modern/src/settings/PreferencesPage.js
+++ b/modern/src/settings/PreferencesPage.js
@@ -223,6 +223,18 @@ const PreferencesPage = () => {
                 />
               )}
             />
+            <FormControl>
+              <InputLabel>{t('mapLiveRoutes')}</InputLabel>
+              <Select
+                label={t('mapLiveRoutes')}
+                value={attributes.mapLiveRoutes || 'none'}
+                onChange={(e) => setAttributes({ ...attributes, mapLiveRoutes: e.target.value })}
+              >
+                <MenuItem value="none">{t('sharedDisabled')}</MenuItem>
+                <MenuItem value="selected">{t('deviceSelected')}</MenuItem>
+                <MenuItem value="all">{t('notificationAlways')}</MenuItem>
+              </Select>
+            </FormControl>
             <FormGroup>
               <FormControlLabel
                 control={(
@@ -236,15 +248,6 @@ const PreferencesPage = () => {
               <FormControlLabel
                 control={(
                   <Checkbox
-                    checked={attributes.hasOwnProperty('mapLiveRoutes') ? attributes.mapLiveRoutes : false}
-                    onChange={(e) => setAttributes({ ...attributes, mapLiveRoutes: e.target.checked })}
-                  />
-                )}
-                label={t('mapLiveRoutes')}
-              />
-              <FormControlLabel
-                control={(
-                  <Checkbox
                     checked={attributes.hasOwnProperty('mapFollow') ? attributes.mapFollow : false}
                     onChange={(e) => setAttributes({ ...attributes, mapFollow: e.target.checked })}
                   />