Persist user preferences

1 files changed, 3 insertions, 3 deletions

diff --git a/modern/src/main/DeviceRow.js b/modern/src/main/DeviceRow.js
index 11dbfdcb..5699c274 100644
--- a/modern/src/main/DeviceRow.js
+++ b/modern/src/main/DeviceRow.js
@@ -19,8 +19,8 @@ import {
 import { useTranslation } from '../common/components/LocalizationProvider';
 import { mapIconKey, mapIcons } from '../map/core/preloadImages';
 import { useAdministrator } from '../common/util/permissions';
-import usePersistedState from '../common/util/usePersistedState';
 import { ReactComponent as EngineIcon } from '../resources/images/data/engine.svg';
+import { useAttributePreference } from '../common/util/preferences';
 
 const useStyles = makeStyles((theme) => ({
   icon: {
@@ -59,8 +59,8 @@ const DeviceRow = ({ data, index, style }) => {
 
   const geofences = useSelector((state) => state.geofences.items);
 
-  const [devicePrimary] = usePersistedState('devicePrimary', 'name');
-  const [deviceSecondary] = usePersistedState('deviceSecondary', '');
+  const devicePrimary = useAttributePreference('devicePrimary', 'name');
+  const deviceSecondary = useAttributePreference('deviceSecondary', '');
 
   const formatProperty = (key) => {
     if (key === 'geofenceIds') {