unchained/mission-control
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

frontend: type Clerk button wrappers via ComponentProps

Browse Source
This commit is contained in:
Ishaan (OpenClaw)
2026-02-06 23:02:35 +00:00
parent 720c19f852
commit 20878c1d41
1 changed files with 3 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
frontend/src/auth/clerk.tsx
View File

@@ -15,10 +15,7 @@ import {
useUser as clerkUseUser, useUser as clerkUseUser,
} from "@clerk/nextjs"; } from "@clerk/nextjs";
import type { import type { ComponentProps } from "react";
SignInButtonProps,
SignOutButtonProps,
} from "@clerk/nextjs";
export function isClerkEnabled(): boolean { export function isClerkEnabled(): boolean {
// Invariant: Clerk is disabled ONLY when the publishable key is absent. // Invariant: Clerk is disabled ONLY when the publishable key is absent.
@@ -38,12 +35,12 @@ export function SignedOut(props: { children: ReactNode }) {
} }
// Keep the same prop surface as Clerk components so call sites don't need edits. // Keep the same prop surface as Clerk components so call sites don't need edits.
export function SignInButton(props: SignInButtonProps) { export function SignInButton(props: ComponentProps<typeof ClerkSignInButton>) {
if (!isClerkEnabled()) return null; if (!isClerkEnabled()) return null;
return <ClerkSignInButton {...props} />; return <ClerkSignInButton {...props} />;
} }
export function SignOutButton(props: SignOutButtonProps) { export function SignOutButton(props: ComponentProps<typeof ClerkSignOutButton>) {
if (!isClerkEnabled()) return null; if (!isClerkEnabled()) return null;
return <ClerkSignOutButton {...props} />; return <ClerkSignOutButton {...props} />;
} }