From ccf9b38c34292d7b7bbbcc84167707c6e85c5fe2 Mon Sep 17 00:00:00 2001
From: Richard Bowman <richard.bowman@cantab.net>
Date: Fri, 1 Dec 2023 01:28:08 +0000
Subject: [PATCH] Use thingAvailable via computed prop

Computed properties are needed to make things reactive.
---
 .../tabContentComponents/aboutComponents/statusPane.vue     | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/webapp/src/components/tabContentComponents/aboutComponents/statusPane.vue b/webapp/src/components/tabContentComponents/aboutComponents/statusPane.vue
index c098eee1..63d12f02 100644
--- a/webapp/src/components/tabContentComponents/aboutComponents/statusPane.vue
+++ b/webapp/src/components/tabContentComponents/aboutComponents/statusPane.vue
@@ -21,7 +21,7 @@
       <div class="uk-margin-small-bottom">
         <b>Camera:</b>
         <br />
-        <div v-if="thingAvailable('camera')">
+        <div v-if="'camera' in things">
           {{ things.camera.title }}
         </div>
         <div v-else class="uk-text-danger"><b>No camera configured</b></div>
@@ -29,7 +29,7 @@
       <div>
         <b>Stage:</b>
         <br />
-        <div v-if="thingAvailable('stage')">
+        <div v-if="'stage' in things">
           {{ things.stage.title }}
         </div>
         <div v-else class="uk-text-danger"><b>No stage configured</b></div>
@@ -77,7 +77,7 @@ export default {
 
   computed: {
     things: function() {
-      return this.$store.state["wot/thingDescriptions"];
+      return this.$store.getters["wot/thingDescriptions"];
     }
   },