From a94c75261679883d5de1dfb2cab1cb82be634608 Mon Sep 17 00:00:00 2001
From: Scott Bell <scott@traclabs.com>
Date: Thu, 8 Aug 2024 15:35:30 +0200
Subject: [PATCH] slowing adding gui

---
 src/plugins/comps/CompsManager.js          |  2 +-
 src/plugins/comps/components/CompsView.vue | 14 +++++++++++++-
 2 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/src/plugins/comps/CompsManager.js b/src/plugins/comps/CompsManager.js
index c7ae271f6a..48ce6cf8b2 100644
--- a/src/plugins/comps/CompsManager.js
+++ b/src/plugins/comps/CompsManager.js
@@ -94,7 +94,7 @@ export default class CompsManager extends EventEmitter {
   }
 
   getExpression() {
-    return 'a + b';
+    return 'a * b ';
   }
 
   #addTelemetryObject = async (telemetryObject) => {
diff --git a/src/plugins/comps/components/CompsView.vue b/src/plugins/comps/components/CompsView.vue
index 3118fc1c27..2251f8c59f 100644
--- a/src/plugins/comps/components/CompsView.vue
+++ b/src/plugins/comps/components/CompsView.vue
@@ -21,7 +21,19 @@
 -->
 
 <template>
-  <div class="u-contents">This is the comps view</div>
+  <div class="c-cs" aria-label="Derived Telemetry">
+    <section class="c-cs__current-output c-section">
+      <div class="c-cs__content c-cs__current-output-value">
+        <span class="c-cs__current-output-value__label">Current Output</span>
+        <span class="c-cs__current-output-value__value" aria-label="Current Output Value">
+          <template v-if="currentCompOutput">
+            {{ currentCompOutput }}
+          </template>
+          <template v-else> --- </template>
+        </span>
+      </div>
+    </section>
+  </div>
 </template>
 
 <script setup>