UAV status panel

src/components/uavs/UAVStatusSummary.jsx

@@ -160,7 +160,7 @@ const showUAVsList = (workbench, dispatch) => () => {
     return;
   }
 
-  if (!workbench.bringToFront('uavs')) {
+  if (!workbench.bringToFront('uavList')) {
     dispatch(
       showNotification({
         message: 'UAVs panel is not added to the workbench yet',

src/features/rtk/RTKStatusPanel.jsx

@@ -0,0 +1,10 @@
+import React from 'react';
+import RTKStatusMiniList from '~/features/rtk/RTKStatusMiniList';
+
+const RTKStatusPanel = () => (
+  <div style={{ padding: '16px' }}>
+    <RTKStatusMiniList />
+  </div>
+);
+
+export default RTKStatusPanel;

src/features/sidebar/Sidebar.jsx

@@ -27,6 +27,7 @@ import { getMissionType } from '~/features/mission/selectors';
 import { areExperimentalFeaturesEnabled } from '~/features/settings/selectors';
 import Antenna from '~/icons/Antenna';
 import ConnectingAirports from '~/icons/ConnectingAirports';
+import Satellite from '~/icons/Satellite';
 import Route from '~/icons/Route';
 import ShapeLine from '~/icons/ShapeLine';
 import { MissionType } from '~/model/missions';
@@ -111,6 +112,18 @@ const Sidebar = ({
           label={t('view.uav-list')}
           component='uav-list'
         />
+        <Module
+          id='uavStatuses'
+          icon={<ConnectingAirports />}
+          label={t('view.uav-statuses')}
+          component='uav-statuses'
+        />
+        <Module
+          id='rtkStatuses'
+          icon={<Satellite />}
+          label={t('view.rtk-statuses')}
+          component='rtk-statuses'
+        />
         {hasFeature('beacons') && (
           <Module
             id='beacons'

src/i18n/en.json

@@ -685,11 +685,13 @@
     "log-panel": "Event log",
     "map": "Map",
     "mission-editor": "Mission editor",
+    "rtk-statuses": "RTK statuses",
     "saved-location-list": "Locations",
     "show-control": "Show control",
     "three-d-view": "3D View",
     "uav-details": "UAV details",
-    "uav-list": "UAVs"
+    "uav-list": "UAVs",
+    "uav-statuses": "UAV statuses"
   },
   "weatherMiniList": {
     "compassDeclination": "Compass declination",

src/views/index.js

@@ -19,6 +19,8 @@ import MissionOverviewPanel from './mission-editor';
 import ShowControlPanel from './show-control';
 import UAVDetailsPanel from './uav-details';
 import UAVList from './uavs';
+import UAVStatusPanel from './uavs/UAVStatusPanel';
+import RTKStatusPanel from '../features/rtk/RTKStatusPanel';
 import ThreeDTopLevelView from './three-d';
 
 /* MapView not included as it is loaded lazily */
@@ -41,6 +43,8 @@ const views = {
   UAVDetailsPanel,
   UAVList,
   ThreeDTopLevelView,
+  UAVStatusPanel,
+  RTKStatusPanel,
 };
 
 export default views;

src/views/uavs/UAVStatusPanel.jsx

@@ -0,0 +1,10 @@
+import React from 'react';
+import UAVStatusMiniList from '~/components/uavs/UAVStatusMiniList';
+
+const UAVStatusPanel = () => (
+  <div style={{ padding: '16px' }}>
+    <UAVStatusMiniList />
+  </div>
+);
+
+export default UAVStatusPanel;

src/workbench.js

@@ -173,6 +173,16 @@ export const componentRegistry = {
     label: 'UAVs',
     detachable: true,
   },
+  'uav-statuses': {
+    component: views.UAVStatusPanel,
+    label: 'UAV Statuses',
+    detachable: true,
+  },
+  'rtk-statuses': {
+    component: views.RTKStatusPanel,
+    label: 'RTK Statuses',
+    detachable: true,
+  },
 };
 
 function constructDefaultWorkbench(store) {