loginname slug

apps/login/lib/demos.ts

@@ -9,8 +9,8 @@ export const demos: { name: string; items: Item[] }[] = [
     name: "Login",
     items: [
       {
-        name: "Username",
-        slug: "username",
+        name: "Loginname",
+        slug: "loginname",
         description: "The entrypoint of the application",
       },
       {

apps/login/ui/UserAvatar.tsx

@@ -18,8 +18,8 @@ export default function UserAvatar({
       <div>
         <Avatar
           size="small"
-          name={displayName ?? loginName ?? "A"}
-          loginName={loginName ?? "A"}
+          name={displayName ?? loginName ?? ""}
+          loginName={loginName ?? ""}
         />
       </div>
       <span className="ml-4 text-14px">{loginName}</span>