+
-
+
-
+
);
}
diff --git a/src/components/AddAddressTagsButton.tsx b/src/components/AddAddressTagsButton.tsx
index 23dd1c9..5e750ea 100644
--- a/src/components/AddAddressTagsButton.tsx
+++ b/src/components/AddAddressTagsButton.tsx
@@ -1,17 +1,18 @@
import { PlusOutlined } from "@ant-design/icons";
-import { Button } from "antd";
+import { Button } from "@/components/ui/button";
import { useAddressTags } from "../hooks/useAddressTags";
+import { Plus } from "lucide-react";
export const AddAddressTagsButton = ({ showModal }) => {
const { isLoadingAddressTags } = useAddressTags();
return (
}
>
+
+
,
+ }}
+ pagination={{
+ position: ["bottomCenter"],
+ pageSize: ADDRESSES_PER_PAGE,
+ defaultCurrent: 1,
+ showSizeChanger: false,
+ }}
+ rowSelection={{
+ type: "checkbox",
+ onSelect: handleOnSelect,
+ onSelectAll: handleOnSelectAll,
+ selectedRowKeys: selectedAddressTags.map((x) => x.key),
+ }}
+ >
+ a.val.localeCompare(b.val)}
+ />
+ abbreviateHash(key)}
+ sorter={(a: any, b: any) => a.key.localeCompare(b.key)}
+ />
+
+
+ );
+};
diff --git a/src/components/AddressTagTable.tsx b/src/components/AddressTagTable.tsx
index 434d267..a352aa1 100644
--- a/src/components/AddressTagTable.tsx
+++ b/src/components/AddressTagTable.tsx
@@ -4,16 +4,16 @@ import fuzzysort from "fuzzysort";
import intersectionBy from "lodash/intersectionBy";
import React, { useCallback, useEffect, useState } from "react";
import { useAddressTags } from "../hooks/useAddressTags";
-import { constants } from "../util/helpers";
import { abbreviateHash } from "../util/addresses";
-const { ADDRESSES_PER_PAGE } = constants;
+import { ADDRESSES_PER_PAGE } from "@/util/constants";
/**
* `AddressTable` is a table of key-value pairs of names and hashes with some management features to
* make it easier to manage a large amount of addresses.
*/
export const AddressTagsTable = () => {
- const { isLoadingAddressTags, addressTags, removeAddressTags } = useAddressTags();
+ const { isLoadingAddressTags, addressTags, removeAddressTags } =
+ useAddressTags();
const [input, setInput] = useState("");
const [filteredAddresses, setFilteredAddresses] = useState([]);
const [selectedAddresses, setSelectedAddresses] = useState([]);
diff --git a/src/components/AppFooter.tsx b/src/components/AppFooter.tsx
new file mode 100644
index 0000000..eece1c3
--- /dev/null
+++ b/src/components/AppFooter.tsx
@@ -0,0 +1,7 @@
+export const AppFooter = () => {
+ return (
+
+
+
+
+
+ © {new Date().getFullYear()} GridPlus, Inc.
+
+ );
+};
diff --git a/src/components/AppHeader.tsx b/src/components/AppHeader.tsx
new file mode 100644
index 0000000..5751f1f
--- /dev/null
+++ b/src/components/AppHeader.tsx
@@ -0,0 +1,19 @@
+import { PageHeader } from "antd";
+import { Header } from "antd/lib/layout/layout";
+import { LogoutButton } from "./LogoutButton";
+import { WalletButton } from "./WalletButton";
+import { ConnectionButton } from "./ConnectionButton";
+
+export const AppHeader = () => {
+ // return (
+ // ![GridPlus]({"/gridplus-logo.png"}){kind=logo}
+
+
+
+ {item.confirmed ? (
+
+ );
+ if (item.value === 0) {
+ // This is an internal transaction, meaning all spenders and recipients
+ // are addresses we control
+ return (
+ + {item.incoming ? "Received " : "Sent "} + {getDateDiffStr(item.timestamp)} ago +
+ ) : null} + +{`${title}`}
+ ) : ( ++ {`${title}`} +
+ ) + } + description={ + item.confirmed ? ( +
+ {item.incoming ?
+ {item.incoming ?
+
+
+ Bitcoin Wallet Variant
++ Choose which address variant to use when transferring Bitcoin with + Lattice Manager. +
+
+
+ );
+ })}
+
+
+
+
+
+
+ ) : (
+
+
+ )}
+ No addresses found
+Send
+ + Send Bitcoin to another address +
+
+
+ Send BTC
+
+
+
+
+ Send
+ + Send Bitcoin to another address +
+
+
+ Send BTC
+
+
+
+
+
+
+
+
+
+ {title}
+ + {children} +
+ +{abbreviateHash(text)}
, - }, - { - title: "Tag", - dataIndex: "record", - key: "tag", - render: (record, { address }) => ( -
- record.address}
- loading={{
- spinning: isLoading,
- tip: "Loading...",
- indicator:
Standard Derivation Paths
-
-
-
- Derivation Path
-
-
- onCheck(e, setIsPurposeHardened)}
- />
-
- }
- addonAfter={`${isPurposeHardened ? "'" : ""}`}
- onChange={(e) => setPurpose(e)}
- defaultValue={purpose}
- value={purpose}
- style={{ width: "125px" }}
- />
-
- onCheck(e, setIsCoinTypeHardened)}
- />
-
- }
- onChange={(e) => setCoinType(e)}
- addonAfter={`${isCoinTypeHardened ? "'" : ""}`}
- defaultValue={coinType}
- value={coinType}
- style={{ width: "125px" }}
- />
-
- onCheck(e, setIsAccountHardened)}
- />
-
- }
- onChange={(e) => setAccount(e)}
- addonAfter={`${isAccountHardened ? "'" : ""}`}
- defaultValue={account}
- value={account}
- style={{ width: "125px" }}
- />
-
- onCheck(e, setIsChangeHardened)}
- />
-
- }
- onChange={(e) => setChange(e)}
- addonAfter={`${isChangeHardened ? "'" : ""}`}
- defaultValue={change}
- value={change}
- style={{ width: "125px" }}
- />
-
- onCheck(e, setIsIndexHardened)}
- />
-
- }
- onChange={(e) => setIndex(e)}
- addonAfter={`${isIndexHardened ? "'" : ""}`}
- defaultValue={index}
- value={index}
- style={{ width: "125px" }}
- />
-
- {/* TODO: Handle modifying all addresses
-
- */}
-
-