@authdog/react-elements 0.0.39 → 0.0.42

package/src/stories/UserDropdown.stories.tsx

@@ -1,36 +0,0 @@
-import React from "react"
-import { UserDropdown } from "../components/core/user-dropdown"
-import { Avatar, AvatarFallback, AvatarImage } from "../components/ui/avatar"
-
-const DemoTrigger = () => (
-  <span className="inline-flex items-center justify-center h-10 w-10 rounded-full border bg-white shadow">
-    <Avatar className="h-8 w-8 rounded-full">
-      <AvatarImage src="https://i.pravatar.cc/100" />
-      <AvatarFallback>JD</AvatarFallback>
-    </Avatar>
-  </span>
-)
-
-const demoUser = {
-  displayName: "Jane Doe",
-  emails: [{ value: "jane.doe@example.com" }],
-  photos: [{ value: "https://i.pravatar.cc/100" }],
-}
-
-export default { title: "Core/UserDropdown" }
-
-export const Basic = () => (
-  <div className="p-10">
-    <UserDropdown
-      trigger={<DemoTrigger />}
-      user={demoUser}
-      onManageAccount={() => alert("Manage account")}
-      onSignout={() => alert("Sign out")}
-      links={[{ label: "My Organizations", href: "/organizations" }]}
-      side="bottom"
-      align="start"
-    />
-  </div>
-)
-
-

package/src/stories/UserProfile.stories.tsx

@@ -1,46 +0,0 @@
-import type { StoryDefault, Story } from "@ladle/react"
-import { UserProfile } from "../components/core/user-profile"
-import "../global.css"
-
-export default {
-  title: "Core/UserProfile",
-} satisfies StoryDefault
-
-const baseUser: any = {
-  id: "user_123",
-  displayName: "Jane Doe",
-  provider: "google-oauth20",
-  emails: [{ id: "e1", value: "jane.primary@example.com" }],
-  verifications: [],
-  photos: [],
-}
-
-export const EmailNotVerified: Story = () => {
-  return (
-    <div className="p-6 bg-background text-foreground">
-      <UserProfile loading={false} user={{ ...baseUser }} />
-    </div>
-  )
-}
-EmailNotVerified.storyName = "Email not verified"
-
-export const EmailVerified: Story = () => {
-  const verifiedUser = {
-    ...baseUser,
-    verifications: [
-      {
-        id: "v1",
-        email: "jane.primary@example.com",
-        verified: true,
-        createdAt: new Date().toISOString(),
-        updatedAt: new Date().toISOString(),
-      },
-    ],
-  }
-  return (
-    <div className="p-6 bg-background text-foreground">
-      <UserProfile loading={false} user={verifiedUser} />
-    </div>
-  )
-}
-EmailVerified.storyName = "Email verified"