ee30f17129
- Rename all DB tables: properties → projects, properties_addresses → projects_addresses, properties_models → projects_models, property_likes → projects_likes - Add projects_likes as proper Drizzle schema table (was SQL-only before) - Rename ID prefixes: property_xxx → project_xxx - Rename auth_sessions column: active_property_id → active_project_id - Simplify project creation: address is now optional (no longer required to get started) - Update all actions, stores, types, components, and routes - Rename route: /editor/[propertyId] → /editor/[projectId] - Add SQL migration for table/column/index/policy/function renames - Update RPC functions: increment_project_views, get_project_like_count - Update storage bucket reference: project-thumbnails - All types/exports follow existing Drizzle patterns (pgTable, relations, zod schemas)
87 lines
2.7 KiB
TypeScript
87 lines
2.7 KiB
TypeScript
'use client'
|
|
|
|
import { Cloud, Home } from 'lucide-react'
|
|
import { useEffect, useState } from 'react'
|
|
import { useRouter } from 'next/navigation'
|
|
import { useAuth } from '../lib/auth/hooks'
|
|
import { useProjectStore } from '../lib/projects/store'
|
|
import { ProfileDropdown } from './profile-dropdown'
|
|
import { SignInDialog } from './sign-in-dialog'
|
|
|
|
interface CloudSaveButtonProps {
|
|
projectId?: string
|
|
}
|
|
|
|
/**
|
|
* CloudSaveButton - Shows authentication state and project management
|
|
*
|
|
* Guest with local project: Shows "Save to cloud" button
|
|
* Guest without project: Shows "Home" button
|
|
* Authenticated: Shows ProfileDropdown
|
|
*/
|
|
export function CloudSaveButton({ projectId }: CloudSaveButtonProps) {
|
|
const { isAuthenticated, isLoading } = useAuth()
|
|
const [isSignInDialogOpen, setIsSignInDialogOpen] = useState(false)
|
|
const initialize = useProjectStore(state => state.initialize)
|
|
const router = useRouter()
|
|
|
|
const isLocalProject = projectId?.startsWith('local_')
|
|
|
|
// Initialize project store when authenticated
|
|
useEffect(() => {
|
|
if (isAuthenticated) {
|
|
initialize()
|
|
}
|
|
}, [isAuthenticated, initialize])
|
|
|
|
if (isLoading) {
|
|
return (
|
|
<div className="pointer-events-auto">
|
|
<div className="flex items-center gap-2 rounded-lg border border-border bg-background/95 px-3 py-2 shadow-lg backdrop-blur-md">
|
|
<div className="h-4 w-4 animate-pulse rounded-full bg-muted" />
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
// Guest user with local project
|
|
if (!isAuthenticated && isLocalProject) {
|
|
return (
|
|
<>
|
|
<div className="pointer-events-auto">
|
|
<button
|
|
className="flex items-center gap-2 rounded-lg border border-border bg-background/95 px-3 py-2 text-sm font-medium shadow-lg backdrop-blur-md transition-colors hover:bg-accent hover:text-accent-foreground"
|
|
onClick={() => setIsSignInDialogOpen(true)}
|
|
>
|
|
<Cloud className="h-4 w-4" />
|
|
Save to cloud
|
|
</button>
|
|
</div>
|
|
<SignInDialog open={isSignInDialogOpen} onOpenChange={setIsSignInDialogOpen} />
|
|
</>
|
|
)
|
|
}
|
|
|
|
// Guest user (no project context or browsing)
|
|
if (!isAuthenticated) {
|
|
return (
|
|
<div className="pointer-events-auto">
|
|
<button
|
|
className="flex items-center gap-2 rounded-lg border border-border bg-background/95 px-3 py-2 text-sm font-medium shadow-lg backdrop-blur-md transition-colors hover:bg-accent hover:text-accent-foreground"
|
|
onClick={() => router.push('/')}
|
|
>
|
|
<Home className="h-4 w-4" />
|
|
Home
|
|
</button>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
// Authenticated user
|
|
return (
|
|
<div className="pointer-events-auto">
|
|
<ProfileDropdown />
|
|
</div>
|
|
)
|
|
}
|