1 files changed, 23 insertions, 0 deletions
diff --git a/packages/ui-new/src/components/user-avatar.tsx b/packages/ui-new/src/components/user-avatar.tsx
new file mode 100644
index 0000000..bbdb84c
--- /dev/null
+++ b/packages/ui-new/src/components/user-avatar.tsx
@@ -0,0 +1,23 @@
+import { useAuthStore } from "@/models/auth";
+import { Avatar, AvatarBadge, AvatarFallback, AvatarImage } from "./ui/avatar";
+
+export function UserAvatar({
+  className,
+  ...props
+}: React.ComponentProps<typeof Avatar>) {
+  const authStore = useAuthStore();
+
+  if (!authStore.account) {
+    return null;
+  }
+
+  return (
+    <Avatar {...props}>
+      <AvatarImage
+        src={`https://minotar.net/helm/${authStore.account.username}/100.png`}
+      />
+      <AvatarFallback>{authStore.account.username.slice(0, 2)}</AvatarFallback>
+      <AvatarBadge />
+    </Avatar>
+  );
+}