Persist show all devices

traccar · Nov 8, 2024 · 028329a · 028329a
1 parent 62f6da1
commit 028329a
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/src/settings/DevicesPage.jsx b/src/settings/DevicesPage.jsx
@@ -17,6 +17,7 @@ import { formatTime } from '../common/util/formatter';
 import { useDeviceReadonly, useManager } from '../common/util/permissions';
 import useSettingsStyles from './common/useSettingsStyles';
 import DeviceUsersValue from './components/DeviceUsersValue';
+import usePersistedState from '../common/util/usePersistedState';
 
 const DevicesPage = () => {
   const classes = useSettingsStyles();
@@ -31,7 +32,7 @@ const DevicesPage = () => {
   const [timestamp, setTimestamp] = useState(Date.now());
   const [items, setItems] = useState([]);
   const [searchKeyword, setSearchKeyword] = useState('');
-  const [showAll, setShowAll] = useState(false);
+  const [showAll, setShowAll] = usePersistedState('showAllDevices', false);
   const [loading, setLoading] = useState(false);
 
   useEffectAsync(async () => {
@@ -110,7 +111,7 @@ const DevicesPage = () => {
               <FormControlLabel
                 control={(
                   <Switch
-                    value={showAll}
+                    checked={showAll}
                     onChange={(e) => setShowAll(e.target.checked)}
                     size="small"
                   />