feat: renterd node profile net address uptime

SiaFoundation · Feb 14, 2024 · 3bd6287 · 3bd6287
1 parent ea9c20d
commit 3bd6287
Show file tree

Hide file tree

Showing 2 changed files with 35 additions and 0 deletions.
diff --git a/.changeset/hip-ducks-occur.md b/.changeset/hip-ducks-occur.md
@@ -0,0 +1,5 @@
+---
+'renterd': minor
+---
+
+The node profile details now include the net address and the uptime.
diff --git a/apps/renterd/components/Profile/index.tsx b/apps/renterd/components/Profile/index.tsx
@@ -12,9 +12,12 @@ import {
   useWallet,
 } from '@siafoundation/react-renterd'
 import { useDialog } from '../../contexts/dialog'
+import { useAppSettings } from '@siafoundation/react-core'
+import { humanTime } from '@siafoundation/units'
 
 export function Profile() {
   const { openDialog } = useDialog()
+  const appSettings = useAppSettings()
   const state = useBusState({
     config: {
       swr: {
@@ -40,6 +43,10 @@ export function Profile() {
       ? `https://github.com/SiaFoundation/renterd/releases/${version}`
       : `https://github.com/SiaFoundation/renterd/tree/${version}`
 
+  const uptime = state.data
+    ? new Date().getTime() - new Date(state.data?.startTime).getTime()
+    : 0
+
   return (
     <DaemonProfile
       name="renterd"
@@ -52,6 +59,19 @@ export function Profile() {
       firstTimeSyncing={syncStatus.firstTimeSyncing}
       moreThan100BlocksToSync={syncStatus.moreThan100BlocksToSync}
     >
+      <div className="flex gap-4 justify-between items-center">
+        <Label size="14" color="subtle" noWrap className="w-[100px]">
+          Net address
+        </Label>
+        <div className="flex-1 flex justify-end overflow-hidden -mr-0.5 pr-0.5">
+          <ValueCopyable
+            size="14"
+            maxLength={50}
+            value={appSettings.settings.api || window.location.origin}
+            label="net address"
+          />
+        </div>
+      </div>
       <div className="flex gap-4 justify-between items-center">
         <Label size="14" color="subtle" noWrap className="w-[100px]">
           Wallet address
@@ -65,6 +85,16 @@ export function Profile() {
           />
         </div>
       </div>
+      {state.data && (
+        <div className="flex gap-4 justify-between items-center">
+          <Label size="14" color="subtle" noWrap className="w-[100px]">
+            Uptime
+          </Label>
+          <div className="flex-1 flex justify-end overflow-hidden -mr-0.5 pr-0.5">
+            <Text size="14">{humanTime(uptime, { format: 'long' })}</Text>
+          </div>
+        </div>
+      )}
       <div className="flex gap-4 justify-between items-center">
         <Label size="14" color="subtle" noWrap className="w-[100px]">
           Network