- Add Google OAuth sign-in alongside magic link authentication - Username onboarding: require username selection after first sign-in - Public profile pages at /u/[username] with social links (GitHub, X) - Settings page for managing username and social links - Viewer header: unified floating card with project name, @username, breadcrumb - Guest CTA on viewer page prompting sign-in - Show owner avatar + username on community project cards - Redesigned project cards (larger preview, avatar + stats row below) - Consistent navbar across hub and profile pages with GitHub link - Footer with links to GitHub repo and npm packages - Borderless design with natural shadows throughout - Apple corner smoothing (squircle) progressive enhancement - cursor:pointer globally on buttons and links - DB migrations: username, github_url, x_url columns on auth_users - Root-level db:generate/migrate/push/studio scripts Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
20 lines
494 B
TypeScript
20 lines
494 B
TypeScript
'use client'
|
|
|
|
import { Plus } from 'lucide-react'
|
|
|
|
interface CreateProjectButtonProps {
|
|
onCreateProject: () => void
|
|
}
|
|
|
|
export function CreateProjectButton({ onCreateProject }: CreateProjectButtonProps) {
|
|
return (
|
|
<button
|
|
onClick={onCreateProject}
|
|
className="flex items-center gap-2 rounded-full bg-primary px-5 py-2 text-primary-foreground hover:bg-primary/90 transition-colors"
|
|
>
|
|
<Plus className="w-4 h-4" />
|
|
<span>Create Project</span>
|
|
</button>
|
|
)
|
|
}
|