diff --git a/.idea/vcs.xml b/.idea/vcs.xml index c94970a..dc7cfbc 100644 --- a/.idea/vcs.xml +++ b/.idea/vcs.xml @@ -2,6 +2,8 @@ + + \ No newline at end of file diff --git a/apps/stage1-clk-transfer/.gitignore b/apps/stage1-clk-transfer/.gitignore new file mode 100644 index 0000000..5ef6a52 --- /dev/null +++ b/apps/stage1-clk-transfer/.gitignore @@ -0,0 +1,41 @@ +# See https://help.github.com/articles/ignoring-files/ for more about ignoring files. + +# dependencies +/node_modules +/.pnp +.pnp.* +.yarn/* +!.yarn/patches +!.yarn/plugins +!.yarn/releases +!.yarn/versions + +# testing +/coverage + +# next.js +/.next/ +/out/ + +# production +/build + +# misc +.DS_Store +*.pem + +# debug +npm-debug.log* +yarn-debug.log* +yarn-error.log* +.pnpm-debug.log* + +# env files (can opt-in for committing if needed) +.env* + +# vercel +.vercel + +# typescript +*.tsbuildinfo +next-env.d.ts diff --git a/apps/stage1-clk-transfer/README.md b/apps/stage1-clk-transfer/README.md new file mode 100644 index 0000000..b826c3a --- /dev/null +++ b/apps/stage1-clk-transfer/README.md @@ -0,0 +1,4 @@ +# Stage 2 MHSF Clerk Transfer +This project is meant to provide a web-page to transfer users between development and production. + +This shouldn't be needed to be used in another instance. \ No newline at end of file diff --git a/apps/stage1-clk-transfer/components.json b/apps/stage1-clk-transfer/components.json new file mode 100644 index 0000000..0e8b633 --- /dev/null +++ b/apps/stage1-clk-transfer/components.json @@ -0,0 +1,21 @@ +{ + "$schema": "https://ui.shadcn.com/schema.json", + "style": "new-york", + "rsc": true, + "tsx": true, + "tailwind": { + "config": "tailwind.config.ts", + "css": "src/app/globals.css", + "baseColor": "neutral", + "cssVariables": true, + "prefix": "" + }, + "aliases": { + "components": "@/components", + "utils": "@/lib/utils", + "ui": "@/components/ui", + "lib": "@/lib", + "hooks": "@/hooks" + }, + "iconLibrary": "lucide" +} \ No newline at end of file diff --git a/apps/stage1-clk-transfer/eslint.config.mjs b/apps/stage1-clk-transfer/eslint.config.mjs new file mode 100644 index 0000000..06b4cc9 --- /dev/null +++ b/apps/stage1-clk-transfer/eslint.config.mjs @@ -0,0 +1,24 @@ +import { dirname } from "path"; +import { fileURLToPath } from "url"; +import { FlatCompat } from "@eslint/eslintrc"; + +const __filename = fileURLToPath(import.meta.url); +const __dirname = dirname(__filename); + +const compat = new FlatCompat({ + baseDirectory: __dirname, +}); + +const eslintConfig = [ + ...compat.extends("next/core-web-vitals", "next/typescript"), + ...compat.config({ + rules: { + "react-hooks/exhaustive-deps": "off", + "react/no-unescaped-entities": "off", + "react/display-name": "off", + "@typescript-eslint/no-unused-vars": "off" + } + }) +]; + +export default eslintConfig; diff --git a/apps/stage1-clk-transfer/next.config.ts b/apps/stage1-clk-transfer/next.config.ts new file mode 100644 index 0000000..e9ffa30 --- /dev/null +++ b/apps/stage1-clk-transfer/next.config.ts @@ -0,0 +1,7 @@ +import type { NextConfig } from "next"; + +const nextConfig: NextConfig = { + /* config options here */ +}; + +export default nextConfig; diff --git a/apps/stage1-clk-transfer/package.json b/apps/stage1-clk-transfer/package.json new file mode 100644 index 0000000..28a9926 --- /dev/null +++ b/apps/stage1-clk-transfer/package.json @@ -0,0 +1,76 @@ +{ + "name": "stage1-mhsf-transfer", + "version": "0.1.0", + "private": true, + "scripts": { + "dev": "next dev --turbopack", + "build": "next build", + "start": "next start", + "lint": "next lint" + }, + "dependencies": { + "@clerk/nextjs": "^6.10.3", + "@hookform/resolvers": "^3.10.0", + "@radix-ui/react-accordion": "^1.2.2", + "@radix-ui/react-alert-dialog": "^1.1.5", + "@radix-ui/react-aspect-ratio": "^1.1.1", + "@radix-ui/react-avatar": "^1.1.2", + "@radix-ui/react-checkbox": "^1.1.3", + "@radix-ui/react-collapsible": "^1.1.2", + "@radix-ui/react-context-menu": "^2.2.5", + "@radix-ui/react-dialog": "^1.1.5", + "@radix-ui/react-dropdown-menu": "^2.1.5", + "@radix-ui/react-hover-card": "^1.1.5", + "@radix-ui/react-label": "^2.1.1", + "@radix-ui/react-menubar": "^1.1.5", + "@radix-ui/react-navigation-menu": "^1.2.4", + "@radix-ui/react-popover": "^1.1.5", + "@radix-ui/react-progress": "^1.1.1", + "@radix-ui/react-radio-group": "^1.2.2", + "@radix-ui/react-scroll-area": "^1.2.2", + "@radix-ui/react-select": "^2.1.5", + "@radix-ui/react-separator": "^1.1.1", + "@radix-ui/react-slider": "^1.2.2", + "@radix-ui/react-slot": "^1.1.1", + "@radix-ui/react-switch": "^1.1.2", + "@radix-ui/react-tabs": "^1.1.2", + "@radix-ui/react-toast": "^1.2.5", + "@radix-ui/react-toggle": "^1.1.1", + "@radix-ui/react-toggle-group": "^1.1.1", + "@radix-ui/react-tooltip": "^1.1.7", + "@types/jsonwebtoken": "^9.0.8", + "class-variance-authority": "^0.7.1", + "clsx": "^2.1.1", + "cmdk": "1.0.0", + "date-fns": "^4.1.0", + "embla-carousel-react": "^8.5.2", + "input-otp": "^1.4.2", + "jsonwebtoken": "^9.0.2", + "lucide-react": "^0.474.0", + "mongodb": "^6.12.0", + "next": "15.1.6", + "next-themes": "^0.4.4", + "react": "^19.0.0", + "react-day-picker": "8.10.1", + "react-dom": "^19.0.0", + "react-hook-form": "^7.54.2", + "react-resizable-panels": "^2.1.7", + "recharts": "^2.15.1", + "sonner": "^1.7.2", + "tailwind-merge": "^2.6.0", + "tailwindcss-animate": "^1.0.7", + "vaul": "^1.1.2", + "zod": "^3.24.1" + }, + "devDependencies": { + "@eslint/eslintrc": "^3", + "@types/node": "^20", + "@types/react": "^19", + "@types/react-dom": "^19", + "eslint": "^9", + "eslint-config-next": "15.1.6", + "postcss": "^8", + "tailwindcss": "^3.4.1", + "typescript": "^5" + } +} diff --git a/apps/stage1-clk-transfer/postcss.config.mjs b/apps/stage1-clk-transfer/postcss.config.mjs new file mode 100644 index 0000000..1a69fd2 --- /dev/null +++ b/apps/stage1-clk-transfer/postcss.config.mjs @@ -0,0 +1,8 @@ +/** @type {import('postcss-load-config').Config} */ +const config = { + plugins: { + tailwindcss: {}, + }, +}; + +export default config; diff --git a/apps/stage1-clk-transfer/public/file.svg b/apps/stage1-clk-transfer/public/file.svg new file mode 100644 index 0000000..004145c --- /dev/null +++ b/apps/stage1-clk-transfer/public/file.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/apps/stage1-clk-transfer/public/globe.svg b/apps/stage1-clk-transfer/public/globe.svg new file mode 100644 index 0000000..567f17b --- /dev/null +++ b/apps/stage1-clk-transfer/public/globe.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/apps/stage1-clk-transfer/public/next.svg b/apps/stage1-clk-transfer/public/next.svg new file mode 100644 index 0000000..5174b28 --- /dev/null +++ b/apps/stage1-clk-transfer/public/next.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/apps/stage1-clk-transfer/public/vercel.svg b/apps/stage1-clk-transfer/public/vercel.svg new file mode 100644 index 0000000..7705396 --- /dev/null +++ b/apps/stage1-clk-transfer/public/vercel.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/apps/stage1-clk-transfer/public/window.svg b/apps/stage1-clk-transfer/public/window.svg new file mode 100644 index 0000000..b2b2a44 --- /dev/null +++ b/apps/stage1-clk-transfer/public/window.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/apps/stage1-clk-transfer/src/app/favicon.ico b/apps/stage1-clk-transfer/src/app/favicon.ico new file mode 100644 index 0000000..9a1e9d5 Binary files /dev/null and b/apps/stage1-clk-transfer/src/app/favicon.ico differ diff --git a/apps/stage1-clk-transfer/src/app/globals.css b/apps/stage1-clk-transfer/src/app/globals.css new file mode 100644 index 0000000..a8144b6 --- /dev/null +++ b/apps/stage1-clk-transfer/src/app/globals.css @@ -0,0 +1,88 @@ +@tailwind base; +@tailwind components; +@tailwind utilities; + +body { + font-family: Arial, Helvetica, sans-serif; +} + +@layer base { + :root { + --background: 0 0% 100%; + --foreground: 0 0% 3.9%; + --card: 0 0% 100%; + --card-foreground: 0 0% 3.9%; + --popover: 0 0% 100%; + --popover-foreground: 0 0% 3.9%; + --primary: 0 0% 9%; + --primary-foreground: 0 0% 98%; + --secondary: 0 0% 96.1%; + --secondary-foreground: 0 0% 9%; + --muted: 0 0% 96.1%; + --muted-foreground: 0 0% 45.1%; + --accent: 0 0% 96.1%; + --accent-foreground: 0 0% 9%; + --destructive: 0 84.2% 60.2%; + --destructive-foreground: 0 0% 98%; + --border: 0 0% 89.8%; + --input: 0 0% 89.8%; + --ring: 0 0% 3.9%; + --chart-1: 12 76% 61%; + --chart-2: 173 58% 39%; + --chart-3: 197 37% 24%; + --chart-4: 43 74% 66%; + --chart-5: 27 87% 67%; + --radius: 0.5rem; + --sidebar-background: 0 0% 98%; + --sidebar-foreground: 240 5.3% 26.1%; + --sidebar-primary: 240 5.9% 10%; + --sidebar-primary-foreground: 0 0% 98%; + --sidebar-accent: 240 4.8% 95.9%; + --sidebar-accent-foreground: 240 5.9% 10%; + --sidebar-border: 220 13% 91%; + --sidebar-ring: 217.2 91.2% 59.8%; + } + .dark { + --background: 0 0% 3.9%; + --foreground: 0 0% 98%; + --card: 0 0% 3.9%; + --card-foreground: 0 0% 98%; + --popover: 0 0% 3.9%; + --popover-foreground: 0 0% 98%; + --primary: 0 0% 98%; + --primary-foreground: 0 0% 9%; + --secondary: 0 0% 14.9%; + --secondary-foreground: 0 0% 98%; + --muted: 0 0% 14.9%; + --muted-foreground: 0 0% 63.9%; + --accent: 0 0% 14.9%; + --accent-foreground: 0 0% 98%; + --destructive: 0 62.8% 30.6%; + --destructive-foreground: 0 0% 98%; + --border: 0 0% 14.9%; + --input: 0 0% 14.9%; + --ring: 0 0% 83.1%; + --chart-1: 220 70% 50%; + --chart-2: 160 60% 45%; + --chart-3: 30 80% 55%; + --chart-4: 280 65% 60%; + --chart-5: 340 75% 55%; + --sidebar-background: 240 5.9% 10%; + --sidebar-foreground: 240 4.8% 95.9%; + --sidebar-primary: 224.3 76.3% 48%; + --sidebar-primary-foreground: 0 0% 100%; + --sidebar-accent: 240 3.7% 15.9%; + --sidebar-accent-foreground: 240 4.8% 95.9%; + --sidebar-border: 240 3.7% 15.9%; + --sidebar-ring: 217.2 91.2% 59.8%; + } +} + +@layer base { + * { + @apply border-border; + } + body { + @apply bg-background text-foreground; + } +} diff --git a/apps/stage1-clk-transfer/src/app/layout.tsx b/apps/stage1-clk-transfer/src/app/layout.tsx new file mode 100644 index 0000000..7b8898e --- /dev/null +++ b/apps/stage1-clk-transfer/src/app/layout.tsx @@ -0,0 +1,36 @@ +import type { Metadata } from "next"; +import { Geist, Geist_Mono } from "next/font/google"; +import "./globals.css"; +import { ClerkProvider } from "@clerk/nextjs" + +const geistSans = Geist({ + variable: "--font-geist-sans", + subsets: ["latin"], +}); + +const geistMono = Geist_Mono({ + variable: "--font-geist-mono", + subsets: ["latin"], +}); + +export const metadata: Metadata = { + title: "MHSF", +}; + +export default function RootLayout({ + children, +}: Readonly<{ + children: React.ReactNode; +}>) { + return ( + + + + {children} + + + + ); +} diff --git a/apps/stage1-clk-transfer/src/app/login/auth-finish/page.tsx b/apps/stage1-clk-transfer/src/app/login/auth-finish/page.tsx new file mode 100644 index 0000000..0e04a2c --- /dev/null +++ b/apps/stage1-clk-transfer/src/app/login/auth-finish/page.tsx @@ -0,0 +1,30 @@ +"use client"; + +import { GalleryVerticalEnd } from "lucide-react" + +import { AuthFinish } from "@/components/auth-finish" +import { useEffect } from "react"; +import { useRouter } from "next/navigation"; +import { useUser } from "@clerk/nextjs"; + +export default function LoginPage() { + const router = useRouter(); + const {user} = useUser(); + + useEffect(() => { + fetch("/api/v1/validate-stage1").then((c) => { + c.json().then((v) => { + console.log(v) + router.push(process.env.NEXT_PUBLIC_STAGE_2 as string + "?authentication=" + v.validationToken + "&oldId=" + user?.id) + }) + }) + }, []) + + return ( +
+
+ +
+
+ ) +} diff --git a/apps/stage1-clk-transfer/src/app/login/page.tsx b/apps/stage1-clk-transfer/src/app/login/page.tsx new file mode 100644 index 0000000..32495ae --- /dev/null +++ b/apps/stage1-clk-transfer/src/app/login/page.tsx @@ -0,0 +1,13 @@ +import { GalleryVerticalEnd } from "lucide-react" + +import { LoginForm } from "@/components/login-form" + +export default function LoginPage() { + return ( +
+
+ +
+
+ ) +} diff --git a/apps/stage1-clk-transfer/src/app/page.tsx b/apps/stage1-clk-transfer/src/app/page.tsx new file mode 100644 index 0000000..760dac6 --- /dev/null +++ b/apps/stage1-clk-transfer/src/app/page.tsx @@ -0,0 +1,9 @@ +import Image from "next/image"; + +export default function Home() { + return ( +
+ Hi! My name is MHSF, whats your name? +
+ ); +} diff --git a/apps/stage1-clk-transfer/src/components/auth-finish.tsx b/apps/stage1-clk-transfer/src/components/auth-finish.tsx new file mode 100644 index 0000000..1585e8e --- /dev/null +++ b/apps/stage1-clk-transfer/src/components/auth-finish.tsx @@ -0,0 +1,24 @@ +import { cn } from "@/lib/utils" +import { Button } from "@/components/ui/button" +import { + Card, + CardContent, + CardDescription, + CardHeader, + CardTitle, +} from "@/components/ui/card" +import { Input } from "@/components/ui/input" +import { Label } from "@/components/ui/label" +import { SignIn } from "@clerk/nextjs" +import { LoadingSpinner } from "./ui/loading-spinner" + +export function AuthFinish({ + className, + ...props +}: React.ComponentPropsWithoutRef<"div">) { + return ( +
+ +
+ ) +} diff --git a/apps/stage1-clk-transfer/src/components/login-form.tsx b/apps/stage1-clk-transfer/src/components/login-form.tsx new file mode 100644 index 0000000..4e94f81 --- /dev/null +++ b/apps/stage1-clk-transfer/src/components/login-form.tsx @@ -0,0 +1,30 @@ +import { cn } from "@/lib/utils" +import { Button } from "@/components/ui/button" +import { + Card, + CardContent, + CardDescription, + CardHeader, + CardTitle, +} from "@/components/ui/card" +import { Input } from "@/components/ui/input" +import { Label } from "@/components/ui/label" +import { SignIn } from "@clerk/nextjs" + +export function LoginForm({ + className, + ...props +}: React.ComponentPropsWithoutRef<"div">) { + return ( +
+ + + Sign in with your old account + + + + + +
+ ) +} diff --git a/apps/stage1-clk-transfer/src/components/ui/accordion.tsx b/apps/stage1-clk-transfer/src/components/ui/accordion.tsx new file mode 100644 index 0000000..2f55a32 --- /dev/null +++ b/apps/stage1-clk-transfer/src/components/ui/accordion.tsx @@ -0,0 +1,57 @@ +"use client" + +import * as React from "react" +import * as AccordionPrimitive from "@radix-ui/react-accordion" +import { ChevronDown } from "lucide-react" + +import { cn } from "@/lib/utils" + +const Accordion = AccordionPrimitive.Root + +const AccordionItem = React.forwardRef< + React.ElementRef, + React.ComponentPropsWithoutRef +>(({ className, ...props }, ref) => ( + +)) +AccordionItem.displayName = "AccordionItem" + +const AccordionTrigger = React.forwardRef< + React.ElementRef, + React.ComponentPropsWithoutRef +>(({ className, children, ...props }, ref) => ( + + svg]:rotate-180", + className + )} + {...props} + > + {children} + + + +)) +AccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName + +const AccordionContent = React.forwardRef< + React.ElementRef, + React.ComponentPropsWithoutRef +>(({ className, children, ...props }, ref) => ( + +
{children}
+ +)) +AccordionContent.displayName = AccordionPrimitive.Content.displayName + +export { Accordion, AccordionItem, AccordionTrigger, AccordionContent } diff --git a/apps/stage1-clk-transfer/src/components/ui/alert-dialog.tsx b/apps/stage1-clk-transfer/src/components/ui/alert-dialog.tsx new file mode 100644 index 0000000..57760f2 --- /dev/null +++ b/apps/stage1-clk-transfer/src/components/ui/alert-dialog.tsx @@ -0,0 +1,141 @@ +"use client" + +import * as React from "react" +import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog" + +import { cn } from "@/lib/utils" +import { buttonVariants } from "@/components/ui/button" + +const AlertDialog = AlertDialogPrimitive.Root + +const AlertDialogTrigger = AlertDialogPrimitive.Trigger + +const AlertDialogPortal = AlertDialogPrimitive.Portal + +const AlertDialogOverlay = React.forwardRef< + React.ElementRef, + React.ComponentPropsWithoutRef +>(({ className, ...props }, ref) => ( + +)) +AlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName + +const AlertDialogContent = React.forwardRef< + React.ElementRef, + React.ComponentPropsWithoutRef +>(({ className, ...props }, ref) => ( + + + + +)) +AlertDialogContent.displayName = AlertDialogPrimitive.Content.displayName + +const AlertDialogHeader = ({ + className, + ...props +}: React.HTMLAttributes) => ( +
+) +AlertDialogHeader.displayName = "AlertDialogHeader" + +const AlertDialogFooter = ({ + className, + ...props +}: React.HTMLAttributes) => ( +
+) +AlertDialogFooter.displayName = "AlertDialogFooter" + +const AlertDialogTitle = React.forwardRef< + React.ElementRef, + React.ComponentPropsWithoutRef +>(({ className, ...props }, ref) => ( + +)) +AlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName + +const AlertDialogDescription = React.forwardRef< + React.ElementRef, + React.ComponentPropsWithoutRef +>(({ className, ...props }, ref) => ( + +)) +AlertDialogDescription.displayName = + AlertDialogPrimitive.Description.displayName + +const AlertDialogAction = React.forwardRef< + React.ElementRef, + React.ComponentPropsWithoutRef +>(({ className, ...props }, ref) => ( + +)) +AlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName + +const AlertDialogCancel = React.forwardRef< + React.ElementRef, + React.ComponentPropsWithoutRef +>(({ className, ...props }, ref) => ( + +)) +AlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName + +export { + AlertDialog, + AlertDialogPortal, + AlertDialogOverlay, + AlertDialogTrigger, + AlertDialogContent, + AlertDialogHeader, + AlertDialogFooter, + AlertDialogTitle, + AlertDialogDescription, + AlertDialogAction, + AlertDialogCancel, +} diff --git a/apps/stage1-clk-transfer/src/components/ui/alert.tsx b/apps/stage1-clk-transfer/src/components/ui/alert.tsx new file mode 100644 index 0000000..5afd41d --- /dev/null +++ b/apps/stage1-clk-transfer/src/components/ui/alert.tsx @@ -0,0 +1,59 @@ +import * as React from "react" +import { cva, type VariantProps } from "class-variance-authority" + +import { cn } from "@/lib/utils" + +const alertVariants = cva( + "relative w-full rounded-lg border px-4 py-3 text-sm [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground [&>svg~*]:pl-7", + { + variants: { + variant: { + default: "bg-background text-foreground", + destructive: + "border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive", + }, + }, + defaultVariants: { + variant: "default", + }, + } +) + +const Alert = React.forwardRef< + HTMLDivElement, + React.HTMLAttributes & VariantProps +>(({ className, variant, ...props }, ref) => ( +
+)) +Alert.displayName = "Alert" + +const AlertTitle = React.forwardRef< + HTMLParagraphElement, + React.HTMLAttributes +>(({ className, ...props }, ref) => ( +
+)) +AlertTitle.displayName = "AlertTitle" + +const AlertDescription = React.forwardRef< + HTMLParagraphElement, + React.HTMLAttributes +>(({ className, ...props }, ref) => ( +
+)) +AlertDescription.displayName = "AlertDescription" + +export { Alert, AlertTitle, AlertDescription } diff --git a/apps/stage1-clk-transfer/src/components/ui/aspect-ratio.tsx b/apps/stage1-clk-transfer/src/components/ui/aspect-ratio.tsx new file mode 100644 index 0000000..d6a5226 --- /dev/null +++ b/apps/stage1-clk-transfer/src/components/ui/aspect-ratio.tsx @@ -0,0 +1,7 @@ +"use client" + +import * as AspectRatioPrimitive from "@radix-ui/react-aspect-ratio" + +const AspectRatio = AspectRatioPrimitive.Root + +export { AspectRatio } diff --git a/apps/stage1-clk-transfer/src/components/ui/avatar.tsx b/apps/stage1-clk-transfer/src/components/ui/avatar.tsx new file mode 100644 index 0000000..51e507b --- /dev/null +++ b/apps/stage1-clk-transfer/src/components/ui/avatar.tsx @@ -0,0 +1,50 @@ +"use client" + +import * as React from "react" +import * as AvatarPrimitive from "@radix-ui/react-avatar" + +import { cn } from "@/lib/utils" + +const Avatar = React.forwardRef< + React.ElementRef, + React.ComponentPropsWithoutRef +>(({ className, ...props }, ref) => ( + +)) +Avatar.displayName = AvatarPrimitive.Root.displayName + +const AvatarImage = React.forwardRef< + React.ElementRef, + React.ComponentPropsWithoutRef +>(({ className, ...props }, ref) => ( + +)) +AvatarImage.displayName = AvatarPrimitive.Image.displayName + +const AvatarFallback = React.forwardRef< + React.ElementRef, + React.ComponentPropsWithoutRef +>(({ className, ...props }, ref) => ( + +)) +AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName + +export { Avatar, AvatarImage, AvatarFallback } diff --git a/apps/stage1-clk-transfer/src/components/ui/badge.tsx b/apps/stage1-clk-transfer/src/components/ui/badge.tsx new file mode 100644 index 0000000..e87d62b --- /dev/null +++ b/apps/stage1-clk-transfer/src/components/ui/badge.tsx @@ -0,0 +1,36 @@ +import * as React from "react" +import { cva, type VariantProps } from "class-variance-authority" + +import { cn } from "@/lib/utils" + +const badgeVariants = cva( + "inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2", + { + variants: { + variant: { + default: + "border-transparent bg-primary text-primary-foreground shadow hover:bg-primary/80", + secondary: + "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80", + destructive: + "border-transparent bg-destructive text-destructive-foreground shadow hover:bg-destructive/80", + outline: "text-foreground", + }, + }, + defaultVariants: { + variant: "default", + }, + } +) + +export interface BadgeProps + extends React.HTMLAttributes, + VariantProps {} + +function Badge({ className, variant, ...props }: BadgeProps) { + return ( +
+ ) +} + +export { Badge, badgeVariants } diff --git a/apps/stage1-clk-transfer/src/components/ui/breadcrumb.tsx b/apps/stage1-clk-transfer/src/components/ui/breadcrumb.tsx new file mode 100644 index 0000000..60e6c96 --- /dev/null +++ b/apps/stage1-clk-transfer/src/components/ui/breadcrumb.tsx @@ -0,0 +1,115 @@ +import * as React from "react" +import { Slot } from "@radix-ui/react-slot" +import { ChevronRight, MoreHorizontal } from "lucide-react" + +import { cn } from "@/lib/utils" + +const Breadcrumb = React.forwardRef< + HTMLElement, + React.ComponentPropsWithoutRef<"nav"> & { + separator?: React.ReactNode + } +>(({ ...props }, ref) =>