diff --git a/Foxnouns.Frontend/package.json b/Foxnouns.Frontend/package.json
index 3fc70d1..0e74736 100644
--- a/Foxnouns.Frontend/package.json
+++ b/Foxnouns.Frontend/package.json
@@ -42,6 +42,7 @@
"bootstrap-icons": "^1.11.3",
"luxon": "^3.5.0",
"markdown-it": "^14.1.0",
+ "minidenticons": "^4.2.1",
"pretty-bytes": "^6.1.1",
"sanitize-html": "^2.13.1",
"svelte-tippy": "^1.3.2",
diff --git a/Foxnouns.Frontend/pnpm-lock.yaml b/Foxnouns.Frontend/pnpm-lock.yaml
index 9b78513..bb1a839 100644
--- a/Foxnouns.Frontend/pnpm-lock.yaml
+++ b/Foxnouns.Frontend/pnpm-lock.yaml
@@ -23,6 +23,9 @@ importers:
markdown-it:
specifier: ^14.1.0
version: 14.1.0
+ minidenticons:
+ specifier: ^4.2.1
+ version: 4.2.1
pretty-bytes:
specifier: ^6.1.1
version: 6.1.1
@@ -1110,6 +1113,10 @@ packages:
resolution: {integrity: sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==}
engines: {node: '>=8.6'}
+ minidenticons@4.2.1:
+ resolution: {integrity: sha512-oWfFivA0lOx/V/bO/YIJbthB26lV8JXYvhnv9zM2hNd3fzsHTXQ6c6bWZPcvhD3nnOB+lQk/D9lF43BXixrN8g==}
+ engines: {node: '>=15.14.0'}
+
minimatch@3.1.2:
resolution: {integrity: sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==}
@@ -2369,6 +2376,8 @@ snapshots:
braces: 3.0.3
picomatch: 2.3.1
+ minidenticons@4.2.1: {}
+
minimatch@3.1.2:
dependencies:
brace-expansion: 1.1.11
diff --git a/Foxnouns.Frontend/src/lib/components/Avatar.svelte b/Foxnouns.Frontend/src/lib/components/Avatar.svelte
index 99dd8f3..d9f4eec 100644
--- a/Foxnouns.Frontend/src/lib/components/Avatar.svelte
+++ b/Foxnouns.Frontend/src/lib/components/Avatar.svelte
@@ -1,16 +1,22 @@
diff --git a/Foxnouns.Frontend/src/lib/components/editor/AvatarEditor.svelte b/Foxnouns.Frontend/src/lib/components/editor/AvatarEditor.svelte
index 05a9a62..e18c6b6 100644
--- a/Foxnouns.Frontend/src/lib/components/editor/AvatarEditor.svelte
+++ b/Foxnouns.Frontend/src/lib/components/editor/AvatarEditor.svelte
@@ -7,12 +7,13 @@
import ShortNoscriptWarning from "./ShortNoscriptWarning.svelte";
type Props = {
+ name: string;
current: string | null;
alt: string;
update: (avatar: string) => Promise;
updated: boolean;
};
- let { current, alt, update: onclick, updated }: Props = $props();
+ let { name, current, alt, update: onclick, updated }: Props = $props();
const MAX_AVATAR_BYTES = 1_000_000;
@@ -40,7 +41,7 @@
-
+
diff --git a/Foxnouns.Frontend/src/lib/components/profile/ProfileHeader.svelte b/Foxnouns.Frontend/src/lib/components/profile/ProfileHeader.svelte
index d28a001..0fd1960 100644
--- a/Foxnouns.Frontend/src/lib/components/profile/ProfileHeader.svelte
+++ b/Foxnouns.Frontend/src/lib/components/profile/ProfileHeader.svelte
@@ -22,6 +22,7 @@