fix: Display VRM token name/id in UI

victronenergy · Nov 28, 2024 · 8b60d91 · 8b60d91
1 parent 5b04cba
commit 8b60d91
Showing 1 changed file with 12 additions and 7 deletions.
diff --git a/src/client/views/settings/VRM.tsx b/src/client/views/settings/VRM.tsx
@@ -20,6 +20,7 @@ import {
   CCol,
   CRow,
   CLink,
+  CInputGroup,
 } from "@coreui/react"
 
 import { useGetConfig, usePutConfig, useVRMLogin, useVRMLogout, useVRMRefresh } from "../../hooks/useAdminApi"
@@ -271,13 +272,17 @@ function VRM() {
       <CCard>
         <CCardHeader>
           <CForm>
-            <CFormCheck
-              name="enabled"
-              id="enabled"
-              label="Connect to Venus Devices via VRM"
-              onChange={(event) => handleEnableChange(event)}
-              checked={temporaryConfig.vrm.enabled}
-            />
+            <CInputGroup>
+              <CFormCheck
+                name="enabled"
+                id="enabled"
+                label="Connect to Venus Devices via VRM"
+                onChange={(event) => handleEnableChange(event)}
+                checked={temporaryConfig.vrm.enabled}
+                className="flex-grow-1"
+              />
+              {temporaryConfig.vrm.hasToken && <div className="text-secondary">VRM Token: {vrmStatus.tokenInfo}</div>}
+            </CInputGroup>
           </CForm>
         </CCardHeader>
         <CCardBody>