feat: renterd alert hints

SiaFoundation · Oct 27, 2023 · 2674b7c · 2674b7c
1 parent ea3d2f4
commit 2674b7c
Show file tree

Hide file tree

Showing 3 changed files with 25 additions and 7 deletions.
diff --git a/.changeset/dull-plants-fail.md b/.changeset/dull-plants-fail.md
@@ -0,0 +1,5 @@
+---
+'renterd': minor
+---
+
+Alerts are now more concise and show an actionable hint when available.
diff --git a/apps/renterd/dialogs/AlertsDialog.tsx b/apps/renterd/dialogs/AlertsDialog.tsx
@@ -89,10 +89,11 @@ export function AlertsDialog({ open, onOpenChange }: Props) {
 }
 
 const dataFieldOrder = [
+  'hint',
   'origin',
   'hostKey',
   'contractID',
-  'account',
+  'accountID',
   'slabKey',
   'additions',
   'removals',
@@ -273,6 +274,23 @@ const dataFields: Record<
       )
     },
   },
+  hint: {
+    render: ({ value }: { value: string }) => (
+      <div className="flex flex-col w-full gap-2">
+        <Text color="contrast">{value}</Text>
+      </div>
+    ),
+  },
+  allowance: {
+    render: ({ value }: { value: string }) => (
+      <div className="flex justify-between w-full gap-2">
+        <Text color="subtle" ellipsis>
+          allowance
+        </Text>
+        <ValueSc variant="value" value={new BigNumber(value)} />
+      </div>
+    ),
+  },
   balance: {
     render: ({ value }: { value: string }) => (
       <div className="flex justify-between w-full gap-2">

diff --git a/apps/website/components/DownloadSelect.tsx b/apps/website/components/DownloadSelect.tsx
@@ -22,12 +22,7 @@ export function DownloadSelect({ daemon, release, testnetOnly }: Props) {
   const [download, setDownload] = useState(downloadLinks[0])
 
   return (
-    <div
-      className="flex"
-      style={{
-        containerType: 'normal',
-      }}
-    >
+    <div className="flex">
       <ControlGroup>
         <Button state="waiting" className="hidden @sm:flex">
           {release.tag_name}