Add disabled state to button if no compiled code

2021-12-13 22:27:21 +02:00
parent 4d4b96bede
commit d67613c0cf
1 changed files with 16 additions and 2 deletions
--- a/components/Accounts.tsx
+++ b/components/Accounts.tsx
@@ -364,14 +364,28 @@ const Accounts = () => {
              >
                <Text>{account.name} </Text>
                <Text css={{ color: "$mauve9" }}>
-                  {account.address} ({account.xrp}) ({account.sequence})
+                  {account.address} (
+                  {Dinero({
+                    amount: Number(account?.xrp || "0"),
+                    precision: 6,
+                  })
+                    .toUnit()
+                    .toLocaleString(undefined, {
+                      style: "currency",
+                      currency: "XRP",
+                      currencyDisplay: "name",
+                    })}
+                  )
                </Text>
                <Button
                  css={{ ml: "auto" }}
                  size="xs"
                  uppercase
                  isLoading={account.isLoading}
-                  disabled={account.isLoading}
+                  disabled={
+                    account.isLoading ||
+                    !snap.files.filter((file) => file.compiledWatContent).length
+                  }
                  variant="secondary"
                  onClick={(e) => {
                    e.stopPropagation();