Add alert to the Sensors page (#77)

* Add alert to the Sensors page

Sensors information is taking a long time to laod

- Add an alert that tells the user that the sensors may take a while to load

Signed-off-by: Kenneth Fullbright <kennyneedsmilky@gmail.com>

src/locales/en-US.json

@@ -948,6 +948,7 @@
     "utilizationThreshold": "Utilization threshold (in %)"
   },
   "pageSensors": {
+    "alert": "This page might take a few minutes to load",
     "exportFilePrefix": "sensors_",
     "searchForSensors": "Search for sensors",
     "table": {

src/views/HardwareStatus/Sensors/Sensors.vue

@@ -1,6 +1,15 @@
 <template>
   <b-container fluid="xl">
     <page-title />
+    <b-row>
+      <b-col md="8" xl="6">
+        <alert variant="info" class="mb-4">
+          <span>
+            {{ $t('pageSensors.alert') }}
+          </span>
+        </alert>
+      </b-col>
+    </b-row>
     <b-row class="align-items-end">
       <b-col sm="6" md="5" xl="4">
         <search
@@ -129,6 +138,7 @@
 </template>
 
 <script>
+import Alert from '@/components/Global/Alert';
 import PageTitle from '@/components/Global/PageTitle';
 import Search from '@/components/Global/Search';
 import StatusIcon from '@/components/Global/StatusIcon';
@@ -156,6 +166,7 @@ import SearchFilterMixin, {
 export default {
   name: 'Sensors',
   components: {
+    Alert,
     PageTitle,
     Search,
     StatusIcon,