chore: monorepo

2023-12-25 14:28:39 +07:00
parent a6da07cd3f
commit 227c2ddefa
374 changed files with 19966 additions and 12758 deletions
--- a/apps/desktop/src/routes/settings/components/profileCard.tsx
+++ b/apps/desktop/src/routes/settings/components/profileCard.tsx
@@ -0,0 +1,77 @@
+import { useProfile, useStorage } from "@lume/ark";
+import { EditIcon, LoaderIcon } from "@lume/icons";
+import { displayNpub } from "@lume/utils";
+import * as Avatar from "@radix-ui/react-avatar";
+import { writeText } from "@tauri-apps/plugin-clipboard-manager";
+import { minidenticon } from "minidenticons";
+import { nip19 } from "nostr-tools";
+import { Link } from "react-router-dom";
+
+export function ProfileCard() {
+	const storage = useStorage();
+	const svgURI = `data:image/svg+xml;utf8,${encodeURIComponent(
+		minidenticon(storage.account.pubkey, 90, 50),
+	)}`;
+
+	const { isLoading, user } = useProfile(storage.account.pubkey);
+
+	const copyNpub = async () => {
+		return await writeText(nip19.npubEncode(storage.account.pubkey));
+	};
+
+	return (
+		<div className="mb-4 h-56 w-full rounded-2xl bg-neutral-100 transition-all duration-150 ease-smooth hover:scale-105 dark:bg-neutral-900">
+			{isLoading ? (
+				<div className="flex h-full w-full items-center justify-center">
+					<LoaderIcon className="h-4 w-4 animate-spin" />
+				</div>
+			) : (
+				<div className="flex h-full w-full flex-col justify-between p-4">
+					<div className="flex h-10 w-full justify-end gap-3">
+						<button
+							type="button"
+							onClick={copyNpub}
+							className="inline-flex h-8 w-28 transform items-center justify-center gap-1.5 rounded-full bg-neutral-200 text-sm font-medium hover:bg-neutral-400 active:translate-y-1 dark:bg-neutral-800 dark:hover:bg-neutral-600"
+						>
+							Copy NPUB
+						</button>
+						<Link
+							to="/settings/edit-profile"
+							className="inline-flex h-8 w-20 items-center justify-center gap-1.5 rounded-full bg-neutral-200 text-sm font-medium hover:bg-neutral-400 dark:bg-neutral-800 dark:hover:bg-neutral-600"
+						>
+							<EditIcon className="h-4 w-4" />
+							Edit
+						</Link>
+					</div>
+					<div className="flex flex-col gap-2.5">
+						<Avatar.Root className="shrink-0">
+							<Avatar.Image
+								src={user?.picture || user?.image}
+								alt={storage.account.pubkey}
+								loading="lazy"
+								decoding="async"
+								style={{ contentVisibility: "auto" }}
+								className="h-16 w-16 rounded-xl border border-neutral-200/50 shadow-[rgba(17,_17,_26,_0.1)_0px_0px_16px] dark:border-neutral-800/50"
+							/>
+							<Avatar.Fallback delayMs={300}>
+								<img
+									src={svgURI}
+									alt={storage.account.pubkey}
+									className="h-16 w-16 rounded-xl bg-black dark:bg-white"
+								/>
+							</Avatar.Fallback>
+						</Avatar.Root>
+						<div>
+							<h3 className="text-3xl font-semibold leading-8 text-neutral-900 dark:text-neutral-100">
+								{user?.display_name || user?.name}
+							</h3>
+							<p className="text-lg text-neutral-700 dark:text-neutral-300">
+								{user?.nip05 || displayNpub(storage.account.pubkey, 16)}
+							</p>
+						</div>
+					</div>
+				</div>
+			)}
+		</div>
+	);
+}