-
Secure your funds
-
- You have money stored in this browser. Let's make sure you have a backup.
-
-
-
Backup
-
{ setDismissedBackup(true) }}>Nope
+
+
+
+
+
+
Secure your funds
+
+ You have money stored in this browser. Let's make sure you have a backup.
+
+
+
Backup
+
+
{ setDismissedBackup(true) }} class="self-center hover:bg-white/10 rounded-lg active:bg-m-blue w-8">
+
diff --git a/src/components/Reload.tsx b/src/components/Reload.tsx
index 18cf0dd..3311c29 100644
--- a/src/components/Reload.tsx
+++ b/src/components/Reload.tsx
@@ -25,7 +25,7 @@ const ReloadPrompt: Component = () => {
return (
-
+ {/*
New content available, click on reload button to update.}
@@ -38,7 +38,7 @@ const ReloadPrompt: Component = () => {
updateServiceWorker(true)}>Reload
close()}>Close
-
+ */}
)
}
diff --git a/src/components/ShareCard.tsx b/src/components/ShareCard.tsx
index 8221f56..32ab3b3 100644
--- a/src/components/ShareCard.tsx
+++ b/src/components/ShareCard.tsx
@@ -35,13 +35,12 @@ export function StringShower(props: { text: string }) {
return (
<>
-
+
{props.text}
-
setOpen(true)}>
+ setOpen(true)}>
-
)
}
diff --git a/src/components/TagEditor.tsx b/src/components/TagEditor.tsx
index 09e01c7..dd63663 100644
--- a/src/components/TagEditor.tsx
+++ b/src/components/TagEditor.tsx
@@ -1,9 +1,12 @@
import { Select, createOptions } from "@thisbeyond/solid-select";
import "~/styles/solid-select.css"
-import { For, createUniqueId } from "solid-js";
+import { For } from "solid-js";
import { ContactEditor } from "./ContactEditor";
-import { ContactItem, TagItem, TextItem, addContact } from "~/state/contacts";
import { TinyButton } from "./layout";
+import { ContactFormValues } from "./ContactViewer";
+import { MutinyTagItem } from "~/utils/tags";
+import { Contact } from "@mutinywallet/mutiny-wasm";
+import { useMegaStore } from "~/state/megaStore";
// take two arrays, subtract the second from the first, then return the first
function subtract
(a: T[], b: T[]) {
@@ -11,12 +14,20 @@ function subtract(a: T[], b: T[]) {
return a.filter(x => !set.has(x));
}
-const createValue = (name: string): TextItem => {
- return { id: createUniqueId(), name, kind: "text" };
+const createLabelValue = (label: string): Partial => {
+ return { id: label, name: label, kind: "Label" };
};
-export function TagEditor(props: { values: TagItem[], setValues: (values: TagItem[]) => void, selectedValues: TagItem[], setSelectedValues: (values: TagItem[]) => void, placeholder: string }) {
- const onChange = (selected: TagItem[]) => {
+export function TagEditor(props: {
+ values: MutinyTagItem[],
+ setValues: (values: MutinyTagItem[]) => void,
+ selectedValues: MutinyTagItem[],
+ setSelectedValues: (values: MutinyTagItem[]) => void,
+ placeholder: string
+}) {
+ const [state, actions] = useMegaStore();
+
+ const onChange = (selected: MutinyTagItem[]) => {
props.setSelectedValues(selected);
console.log(selected)
@@ -31,12 +42,23 @@ export function TagEditor(props: { values: TagItem[], setValues: (values: TagIte
key: "name",
disable: (value) => props.selectedValues.includes(value),
filterable: true, // Default
- createable: createValue,
+ createable: createLabelValue,
});
- const newContact = async (contact: ContactItem) => {
- await addContact(contact)
- onChange([...props.selectedValues, contact])
+ async function createContact(contact: ContactFormValues) {
+ // FIXME: undefineds
+ // FIXME: npub not valid? other undefineds
+ const c = new Contact(contact.name, undefined, undefined, undefined);
+ const newContactId = await state.mutiny_wallet?.create_new_contact(c);
+ const contactItem = await state.mutiny_wallet?.get_contact(newContactId ?? "");
+ const mutinyContactItem: MutinyTagItem = { id: contactItem?.id || "", name: contactItem?.name || "", kind: "Contact", last_used_time: 0n };
+ if (contactItem) {
+ // @ts-ignore
+ // FIXME: make typescript less mad about this
+ onChange([...props.selectedValues, mutinyContactItem])
+ } else {
+ console.error("Failed to create contact")
+ }
}
return (
@@ -52,13 +74,13 @@ export function TagEditor(props: { values: TagItem[], setValues: (values: TagIte
{(tag) => (
- onChange([...props.selectedValues, tag])}
+ onChange([...props.selectedValues, tag])}
>
{tag.name}
)}
-
)
diff --git a/src/components/Toaster.tsx b/src/components/Toaster.tsx
index 4cca368..89771ce 100644
--- a/src/components/Toaster.tsx
+++ b/src/components/Toaster.tsx
@@ -43,13 +43,10 @@ export function ToastItem(props: { toastId: number, title: string, description:
-
+
- {/*
- */}
)
}
\ No newline at end of file
diff --git a/src/components/layout/Button.tsx b/src/components/layout/Button.tsx
index 32744c5..30b60d3 100644
--- a/src/components/layout/Button.tsx
+++ b/src/components/layout/Button.tsx
@@ -4,7 +4,7 @@ import { Dynamic } from "solid-js/web";
import { A } from "solid-start";
import { LoadingSpinner } from ".";
-const button = cva("p-3 rounded-xl text-xl font-semibold disabled:opacity-50 disabled:grayscale transition", {
+const button = cva("p-3 rounded-xl font-semibold disabled:opacity-50 disabled:grayscale transition", {
variants: {
// TODO: button hover has to work different than buttonlinks (like disabled state)
intent: {
@@ -16,10 +16,10 @@ const button = cva("p-3 rounded-xl text-xl font-semibold disabled:opacity-50 dis
green: "bg-m-green text-white shadow-inner-button hover:bg-m-green-dark text-shadow-button",
},
layout: {
- flex: "flex-1",
- pad: "px-8",
+ flex: "flex-1 text-xl",
+ pad: "px-8 text-xl",
small: "px-4 py-2 w-auto text-lg",
- xs: "px-2 py-1 w-auto rounded-lg font-normal text-base"
+ xs: "px-4 py-2 w-auto rounded-lg text-base"
},
},
defaultVariants: {
@@ -32,7 +32,8 @@ const button = cva("p-3 rounded-xl text-xl font-semibold disabled:opacity-50 dis
type StyleProps = VariantProps
interface ButtonProps extends JSX.ButtonHTMLAttributes, StyleProps {
- loading?: boolean
+ loading?: boolean,
+ disabled?: boolean,
}
export const Button: ParentComponent = props => {
@@ -42,6 +43,7 @@ export const Button: ParentComponent = props => {
return (
props.setOpen(isOpen)}>
+ props.setOpen(isOpen)}>
diff --git a/src/components/layout/Radio.tsx b/src/components/layout/Radio.tsx
index 6c1d421..7de314c 100644
--- a/src/components/layout/Radio.tsx
+++ b/src/components/layout/Radio.tsx
@@ -7,7 +7,7 @@ type Choices = { value: string, label: string, caption: string }[]
export function StyledRadioGroup(props: { value: string, choices: Choices, onValueChange: (value: string) => void, small?: boolean, accent?: "red" | "white" }) {
return (
// TODO: rewrite this with CVA, props are bad for tailwind
- props.onValueChange(e)}
+ props.onValueChange(e)}
class={"grid w-full gap-4"}
classList={{ "grid-cols-2": props.choices.length === 2, "grid-cols-3": props.choices.length === 3, "gap-2": props.small }}
>
diff --git a/src/components/layout/index.tsx b/src/components/layout/index.tsx
index fd0f71e..168f056 100644
--- a/src/components/layout/index.tsx
+++ b/src/components/layout/index.tsx
@@ -1,8 +1,11 @@
-import { JSX, ParentComponent, Show, Suspense } from "solid-js"
+import { JSX, ParentComponent, Show, Suspense, createResource, createSignal } from "solid-js"
import Linkify from "./Linkify"
import { Button, ButtonLink } from "./Button"
-import { Separator } from "@kobalte/core"
+import { Checkbox as KCheckbox, Separator } from "@kobalte/core"
import { useMegaStore } from "~/state/megaStore"
+import check from "~/assets/icons/check.svg"
+import { MutinyTagItem } from "~/utils/tags"
+import { generateGradient } from "~/utils/gradientHash"
export {
Button,
@@ -118,12 +121,23 @@ export const SmallAmount: ParentComponent<{ amount: number | bigint, sign?: stri
}
export const NiceP: ParentComponent = (props) => {
- return ({props.children}
)
+ return ({props.children}
)
}
-export const TinyButton: ParentComponent<{ onClick: () => void }> = (props) => {
+export const TinyButton: ParentComponent<{ onClick: () => void, tag?: MutinyTagItem }> = (props) => {
+ // TODO: don't need to run this if it's not a contact
+ const [gradient] = createResource(props.tag?.name, async (name: string) => {
+ return generateGradient(name || "?")
+ })
+
+ const bg = () => (props.tag?.name && props.tag?.kind === "Contact") ? gradient() : "rgb(255 255 255 / 0.1)"
+
+ console.log("tiny tag", props.tag?.name, gradient())
+
return (
- props.onClick()}>
+ props.onClick()}
+ style={{ background: bg() }}
+ >
{props.children}
)
@@ -134,3 +148,17 @@ export const Indicator: ParentComponent = (props) => {
{props.children}
)
}
+
+export function Checkbox(props: { label: string, checked: boolean, onChange: (checked: boolean) => void }) {
+ return (
+
+
+
+
+
+ {props.label}
+
+ )
+}
\ No newline at end of file
diff --git a/src/routes/Activity.tsx b/src/routes/Activity.tsx
index 6234989..71e9660 100644
--- a/src/routes/Activity.tsx
+++ b/src/routes/Activity.tsx
@@ -5,23 +5,41 @@ import { BackLink } from "~/components/layout/BackLink";
import { CombinedActivity } from "~/components/Activity";
import { A } from "solid-start";
import settings from '~/assets/icons/settings.svg';
-import { ContactItem, addContact, editContact, listContacts } from "~/state/contacts";
import { Tabs } from "@kobalte/core";
import { gradientsPerContact } from "~/utils/gradientHash";
import { ContactEditor } from "~/components/ContactEditor";
-import { ContactViewer } from "~/components/ContactViewer";
+import { ContactFormValues, ContactViewer } from "~/components/ContactViewer";
+import { useMegaStore } from "~/state/megaStore";
+import { Contact } from "@mutinywallet/mutiny-wasm";
+import { showToast } from "~/components/Toaster";
function ContactRow() {
- const [contacts, { refetch }] = createResource(listContacts)
+ const [state, actions] = useMegaStore();
+ const [contacts, { refetch }] = createResource(async () => {
+ const contacts = state.mutiny_wallet?.get_contacts();
+ console.log(contacts)
+
+ let c: Contact[] = []
+ if (contacts) {
+ for (let contact in contacts) {
+ c.push(contacts[contact])
+ }
+ }
+ return c || []
+ })
const [gradients] = createResource(contacts, gradientsPerContact);
- async function createContact(contact: ContactItem) {
- await addContact(contact)
+ async function createContact(contact: ContactFormValues) {
+ // FIXME: npub not valid? other undefineds
+ const c = new Contact(contact.name, undefined, undefined, undefined);
+ await state.mutiny_wallet?.create_new_contact(c)
refetch();
}
- async function saveContact(contact: ContactItem) {
- await editContact(contact)
+ //
+ async function saveContact(contact: ContactFormValues) {
+ showToast(new Error("Unimplemented"))
+ // await editContact(contact)
refetch();
}
@@ -31,7 +49,7 @@ function ContactRow() {
{(contact) => (
-
@@ -49,6 +67,7 @@ export default function Activity() {
Mutiny
@@ -58,7 +77,10 @@ export default function Activity() {
{/*
-
+
+
diff --git a/src/routes/Backup.tsx b/src/routes/Backup.tsx
index 30b9015..a9feea8 100644
--- a/src/routes/Backup.tsx
+++ b/src/routes/Backup.tsx
@@ -1,16 +1,39 @@
-import { Button, DefaultMain, LargeHeader, NiceP, MutinyWalletGuard, SafeArea, VStack } from "~/components/layout";
+import { Button, DefaultMain, LargeHeader, NiceP, MutinyWalletGuard, SafeArea, VStack, Checkbox } from "~/components/layout";
import NavBar from "~/components/NavBar";
import { useNavigate } from 'solid-start';
import { SeedWords } from '~/components/SeedWords';
import { useMegaStore } from '~/state/megaStore';
-import { Show, createSignal } from 'solid-js';
+import { Show, createEffect, createSignal } from 'solid-js';
import { BackLink } from "~/components/layout/BackLink";
+function Quiz(props: { setHasCheckedAll: (hasChecked: boolean) => void }) {
+ const [one, setOne] = createSignal(false);
+ const [two, setTwo] = createSignal(false);
+ const [three, setThree] = createSignal(false);
+
+ createEffect(() => {
+ if (one() && two() && three()) {
+ props.setHasCheckedAll(true)
+ } else {
+ props.setHasCheckedAll(false)
+ }
+ })
+
+ return (
+
+
+ )
+}
+
export default function App() {
const [store, actions] = useMegaStore();
const navigate = useNavigate();
const [hasSeenBackup, setHasSeenBackup] = createSignal(false);
+ const [hasCheckedAll, setHasCheckedAll] = createSignal(false);
function wroteDownTheWords() {
actions.setHasBackedUp()
@@ -23,6 +46,7 @@ export default function App() {
Backup
+
Let's get these funds secured.
We'll show you 12 words. You write down the 12 words.
@@ -32,9 +56,9 @@ export default function App() {
Mutiny is self-custodial. It's all up to you...
- You are responsible for your funds!
+
- I wrote down the words
+ I wrote down the words
([]);
- const [values, setValues] = createSignal([{ id: createUniqueId(), name: "Unknown", kind: "text" }]);
+ const [selectedValues, setSelectedValues] = createSignal([]);
+ const [values, setValues] = createSignal([UNKNOWN_TAG]);
// The data we get after a payment
const [paymentTx, setPaymentTx] = createSignal();
@@ -86,8 +84,8 @@ export default function Receive() {
})
onMount(() => {
- listTags().then((tags) => {
- setValues(prev => [...prev, ...tags || []])
+ actions.listTags().then((tags) => {
+ setValues(prev => [...prev, ...tags.sort(sortByLastUsed) || []])
});
})
@@ -104,8 +102,7 @@ export default function Receive() {
async function getUnifiedQr(amount: string) {
const bigAmount = BigInt(amount);
try {
- // FIXME: actual labels
- const raw = await state.mutiny_wallet?.create_bip21(bigAmount, []);
+ const raw = await state.mutiny_wallet?.create_bip21(bigAmount, tagsToIds(selectedValues()));
// Save the raw info so we can watch the address and invoice
setBip21Raw(raw);
diff --git a/src/routes/Redshift.tsx b/src/routes/Redshift.tsx
index 98cee3e..6b74e03 100644
--- a/src/routes/Redshift.tsx
+++ b/src/routes/Redshift.tsx
@@ -341,7 +341,7 @@ export default function Redshift() {
Where is this going?
- setShiftType(newValue as ShiftOption)} choices={SHIFT_OPTIONS} />
+ setShiftType(newValue as ShiftOption)} choices={SHIFT_OPTIONS} />
Choose your
diff --git a/src/routes/Send.tsx b/src/routes/Send.tsx
index 8ef1911..c6a306d 100644
--- a/src/routes/Send.tsx
+++ b/src/routes/Send.tsx
@@ -17,9 +17,9 @@ import mempoolTxUrl from "~/utils/mempoolTxUrl";
import { BackLink } from "~/components/layout/BackLink";
import { useNavigate } from "solid-start";
import { TagEditor } from "~/components/TagEditor";
-import { TagItem, createUniqueId, listTags } from "~/state/contacts";
import { StringShower } from "~/components/ShareCard";
import { AmountCard } from "~/components/AmountCard";
+import { MutinyTagItem, UNKNOWN_TAG, sortByLastUsed, tagsToIds } from "~/utils/tags";
type SendSource = "lightning" | "onchain";
@@ -97,23 +97,6 @@ function DestinationShower(props: {
)
}
-function SendTags() {
- // Tagging stuff
- const [selectedValues, setSelectedValues] = createSignal([]);
- const [values, setValues] = createSignal([{ id: createUniqueId(), name: "Unknown", kind: "text" }]);
-
- onMount(() => {
- listTags().then((tags) => {
- setValues(prev => [...prev, ...tags || []])
- });
- })
-
- return (
- ();
+ // Tagging stuff
+ const [selectedValues, setSelectedValues] = createSignal([]);
+ const [values, setValues] = createSignal([UNKNOWN_TAG]);
+
function clearAll() {
setDestination(undefined);
setAmountSats(0n);
@@ -158,6 +145,10 @@ export default function Send() {
setDestination(state.scan_result);
actions.setScanResult(undefined);
}
+
+ actions.listTags().then((tags) => {
+ setValues(prev => [...prev, ...tags.sort(sortByLastUsed) || []])
+ });
})
// Rerun every time the destination changes
@@ -235,17 +226,16 @@ export default function Send() {
sentDetails.destination = bolt11;
// If the invoice has sats use that, otherwise we pass the user-defined amount
if (invoice()?.amount_sats) {
- await state.mutiny_wallet?.pay_invoice(firstNode, bolt11);
+ await state.mutiny_wallet?.pay_invoice(firstNode, bolt11, undefined, tagsToIds(selectedValues()));
sentDetails.amount = invoice()?.amount_sats;
} else {
- await state.mutiny_wallet?.pay_invoice(firstNode, bolt11, amountSats());
+ await state.mutiny_wallet?.pay_invoice(firstNode, bolt11, amountSats(), tagsToIds(selectedValues()));
sentDetails.amount = amountSats();
}
} else if (source() === "lightning" && nodePubkey()) {
const nodes = await state.mutiny_wallet?.list_nodes();
const firstNode = nodes[0] as string || ""
- const payment = await state.mutiny_wallet?.keysend(firstNode, nodePubkey()!, amountSats());
- console.log(payment?.value)
+ const payment = await state.mutiny_wallet?.keysend(firstNode, nodePubkey()!, amountSats(), tagsToIds(selectedValues()));
// TODO: handle timeouts
if (!payment?.paid) {
@@ -254,9 +244,8 @@ export default function Send() {
sentDetails.amount = amountSats();
}
} else if (source() === "onchain" && address()) {
- // FIXME: actual labels
// eslint-disable-next-line @typescript-eslint/no-non-null-assertion
- const txid = await state.mutiny_wallet?.send_to_address(address()!, amountSats(), []);
+ const txid = await state.mutiny_wallet?.send_to_address(address()!, amountSats(), tagsToIds(selectedValues()));
sentDetails.amount = amountSats();
sentDetails.destination = address();
// TODO: figure out if this is necessary, it takes forever
@@ -320,7 +309,7 @@ export default function Send() {
Storybook
+
+
{
- // get contacts from localstorage
- const contacts: ContactItem[] = JSON.parse(localStorage.getItem("contacts") || "[]");
- return contacts;
-}
-
-export async function listTexts(): Promise {
- // get texts from localstorage
- const texts: TextItem[] = JSON.parse(localStorage.getItem("texts") || "[]");
- return texts;
-}
-
-export async function listTags(): Promise {
- const contacts = await listContacts();
- const texts = await listTexts();
- return [...contacts, ...texts];
-}
-
-export async function addContact(contact: ContactItem): Promise {
- const contacts = await listContacts();
- contacts.push(contact);
- localStorage.setItem("contacts", JSON.stringify(contacts));
-}
-
-export async function editContact(contact: ContactItem): Promise {
- const contacts = await listContacts();
- const index = contacts.findIndex(c => c.id === contact.id);
- contacts[index] = contact;
- localStorage.setItem("contacts", JSON.stringify(contacts));
-}
-
-export async function addTextTag(text: TextItem): Promise {
- const texts = await listTexts();
- texts.push(text);
- localStorage.setItem("texts", JSON.stringify(texts));
-}
-
-
diff --git a/src/state/megaStore.tsx b/src/state/megaStore.tsx
index e9b4d61..07324a8 100644
--- a/src/state/megaStore.tsx
+++ b/src/state/megaStore.tsx
@@ -6,6 +6,7 @@ import { createStore } from "solid-js/store";
import { MutinyWalletSettingStrings, setupMutinyWallet } from "~/logic/mutinyWalletSetup";
import { MutinyBalance, MutinyWallet } from "@mutinywallet/mutiny-wasm";
import { ParsedParams } from "~/routes/Scanner";
+import { MutinyTagItem } from "~/utils/tags";
const MegaStoreContext = createContext();
@@ -23,7 +24,8 @@ export type MegaStore = [{
last_sync?: number;
price: number
has_backed_up: boolean,
- dismissed_restore_prompt: boolean
+ dismissed_restore_prompt: boolean,
+ wallet_loading: boolean
}, {
fetchUserStatus(): Promise;
setupMutinyWallet(settings?: MutinyWalletSettingStrings): Promise;
@@ -33,6 +35,7 @@ export type MegaStore = [{
sync(): Promise;
dismissRestorePrompt(): void;
setHasBackedUp(): void;
+ listTags(): Promise;
}];
export const Provider: ParentComponent = (props) => {
@@ -49,7 +52,8 @@ export const Provider: ParentComponent = (props) => {
balance: undefined as MutinyBalance | undefined,
last_sync: undefined as number | undefined,
is_syncing: false,
- dismissed_restore_prompt: localStorage.getItem("dismissed_restore_prompt") === "true"
+ dismissed_restore_prompt: localStorage.getItem("dismissed_restore_prompt") === "true",
+ wallet_loading: true
});
const actions = {
@@ -81,8 +85,9 @@ export const Provider: ParentComponent = (props) => {
},
async setupMutinyWallet(settings?: MutinyWalletSettingStrings): Promise {
try {
+ setState({ wallet_loading: true })
const mutinyWallet = await setupMutinyWallet(settings)
- setState({ mutiny_wallet: mutinyWallet })
+ setState({ mutiny_wallet: mutinyWallet, wallet_loading: false })
} catch (e) {
console.error(e)
}
@@ -126,6 +131,9 @@ export const Provider: ParentComponent = (props) => {
dismissRestorePrompt() {
localStorage.setItem("dismissed_restore_prompt", "true")
setState({ dismissed_restore_prompt: true })
+ },
+ async listTags(): Promise {
+ return state.mutiny_wallet?.get_tag_items() as MutinyTagItem[]
}
};
diff --git a/src/utils/gradientHash.ts b/src/utils/gradientHash.ts
index 4d85234..22d65d8 100644
--- a/src/utils/gradientHash.ts
+++ b/src/utils/gradientHash.ts
@@ -1,6 +1,6 @@
-import { ContactItem } from "~/state/contacts";
+import { Contact } from "@mutinywallet/mutiny-wasm";
-async function generateGradientFromHashedString(str: string) {
+export async function generateGradient(str: string) {
const encoder = new TextEncoder();
const data = encoder.encode(str);
const digestBuffer = await crypto.subtle.digest('SHA-256', data);
@@ -13,11 +13,12 @@ async function generateGradientFromHashedString(str: string) {
return gradient;
}
-export async function gradientsPerContact(contacts: ContactItem[]) {
+export async function gradientsPerContact(contacts: Contact[]) {
+ console.log(contacts);
const gradients = new Map();
for (const contact of contacts) {
- const gradient = await generateGradientFromHashedString(contact.name);
- gradients.set(contact.id, gradient);
+ const gradient = await generateGradient(contact.name);
+ gradients.set(contact.name, gradient);
}
return gradients;
diff --git a/src/utils/prettyPrintTime.ts b/src/utils/prettyPrintTime.ts
index 254c2db..de82a2a 100644
--- a/src/utils/prettyPrintTime.ts
+++ b/src/utils/prettyPrintTime.ts
@@ -9,4 +9,31 @@ export function prettyPrintTime(ts: number) {
};
return new Date(ts * 1000).toLocaleString('en-US', options);
-}
\ No newline at end of file
+}
+
+export function timeAgo(ts?: number | bigint): string {
+ if (!ts || ts === 0) return "Pending";
+ const timestamp = Number(ts) * 1000;
+ const now = Date.now();
+ const elapsedMilliseconds = now - timestamp;
+ const elapsedSeconds = Math.floor(elapsedMilliseconds / 1000);
+ const elapsedMinutes = Math.floor(elapsedSeconds / 60);
+ const elapsedHours = Math.floor(elapsedMinutes / 60);
+ const elapsedDays = Math.floor(elapsedHours / 24);
+
+ if (elapsedSeconds < 60) {
+ return "Just now";
+ } else if (elapsedMinutes < 60) {
+ return `${elapsedMinutes} minute${elapsedMinutes > 1 ? 's' : ''} ago`;
+ } else if (elapsedHours < 24) {
+ return `${elapsedHours} hour${elapsedHours > 1 ? 's' : ''} ago`;
+ } else if (elapsedDays < 7) {
+ return `${elapsedDays} day${elapsedDays > 1 ? 's' : ''} ago`;
+ } else {
+ const date = new Date(timestamp);
+ const day = String(date.getDate()).padStart(2, '0');
+ const month = String(date.getMonth() + 1).padStart(2, '0');
+ const year = date.getFullYear();
+ return `${month}/${day}/${year}`;
+ }
+}
diff --git a/src/utils/tags.ts b/src/utils/tags.ts
new file mode 100644
index 0000000..a76d835
--- /dev/null
+++ b/src/utils/tags.ts
@@ -0,0 +1,27 @@
+import { TagItem } from "@mutinywallet/mutiny-wasm"
+
+export type MutinyTagItem = {
+ id: string,
+ kind: "Label" | "Contact"
+ name: string,
+ last_used_time: bigint,
+ npub?: string,
+ ln_address?: string,
+ lnurl?: string,
+}
+
+export const UNKNOWN_TAG: MutinyTagItem = { id: "Unknown", kind: "Label", name: "Unknown", last_used_time: 0n }
+
+export function tagsToIds(tags: MutinyTagItem[]): string[] {
+ return tags.filter((tag) => tag.id !== "Unknown").map((tag) => tag.id)
+}
+
+export function tagToMutinyTag(tag: TagItem): MutinyTagItem {
+ // @ts-ignore
+ // FIXME: make typescript less mad about this
+ return tag as MutinyTagItem
+}
+
+export function sortByLastUsed(a: MutinyTagItem, b: MutinyTagItem) {
+ return Number(b.last_used_time - a.last_used_time);
+}
\ No newline at end of file
: 
}
-