Allow device readonly linking

1 files changed, 4 insertions, 0 deletions

diff --git a/modern/src/settings/DevicesPage.js b/modern/src/settings/DevicesPage.js
index 8f267a21..5a053766 100644
--- a/modern/src/settings/DevicesPage.js
+++ b/modern/src/settings/DevicesPage.js
@@ -15,6 +15,7 @@ import TableShimmer from '../common/components/TableShimmer';
 import SearchHeader, { filterByKeyword } from './components/SearchHeader';
 import { usePreference } from '../common/util/preferences';
 import { formatTime } from '../common/util/formatter';
+import { useDeviceReadonly } from '../common/util/permissions';
 
 const useStyles = makeStyles((theme) => ({
   columnAction: {
@@ -30,6 +31,8 @@ const DevicesPage = () => {
 
   const hours12 = usePreference('twelveHourFormat');
 
+  const deviceReadonly = useDeviceReadonly();
+
   const [timestamp, setTimestamp] = useState(Date.now());
   const [items, setItems] = useState([]);
   const [searchKeyword, setSearchKeyword] = useState('');
@@ -87,6 +90,7 @@ const DevicesPage = () => {
                   endpoint="devices"
                   setTimestamp={setTimestamp}
                   customActions={[actionConnections]}
+                  readonly={deviceReadonly}
                 />
               </TableCell>
             </TableRow>