{residences.map((item) => (
diff --git a/src/app/app/settings/layout.tsx b/src/app/app/settings/layout.tsx
index 63ad029..84fcaa4 100644
--- a/src/app/app/settings/layout.tsx
+++ b/src/app/app/settings/layout.tsx
@@ -4,15 +4,20 @@ import Link from "next/link";
import { usePathname } from "next/navigation";
import { cn } from "@/lib/utils";
import { User, Bell, CreditCard } from "lucide-react";
+import { useDataProvider } from "@/lib/demo/data-provider-context";
-const settingsNav = [
- { label: "Profile", href: "/app/settings/profile", icon: User },
- { label: "Notifications", href: "/app/settings/notifications", icon: Bell },
- { label: "Subscription", href: "/app/settings/subscription", icon: CreditCard },
-];
+function getSettingsNav(basePath: string) {
+ return [
+ { label: "Profile", href: `${basePath}/settings/profile`, icon: User },
+ { label: "Notifications", href: `${basePath}/settings/notifications`, icon: Bell },
+ { label: "Subscription", href: `${basePath}/settings/subscription`, icon: CreditCard },
+ ];
+}
export default function SettingsLayout({ children }: { children: React.ReactNode }) {
const pathname = usePathname();
+ const { basePath } = useDataProvider();
+ const settingsNav = getSettingsNav(basePath);
return (
diff --git a/src/app/app/settings/page.tsx b/src/app/app/settings/page.tsx
index e8f9482..91330a5 100644
--- a/src/app/app/settings/page.tsx
+++ b/src/app/app/settings/page.tsx
@@ -1,5 +1,16 @@
-import { redirect } from "next/navigation";
+"use client";
+
+import { useEffect } from "react";
+import { useRouter } from "next/navigation";
+import { useDataProvider } from "@/lib/demo/data-provider-context";
export default function SettingsPage() {
- redirect("/app/settings/profile");
+ const router = useRouter();
+ const { basePath } = useDataProvider();
+
+ useEffect(() => {
+ router.replace(`${basePath}/settings/profile`);
+ }, [router, basePath]);
+
+ return null;
}
diff --git a/src/app/app/tasks/[id]/complete/page.tsx b/src/app/app/tasks/[id]/complete/page.tsx
index c89cae1..fa10f31 100644
--- a/src/app/app/tasks/[id]/complete/page.tsx
+++ b/src/app/app/tasks/[id]/complete/page.tsx
@@ -2,12 +2,14 @@
import { use } from "react";
import { useRouter } from "next/navigation";
+import { toast } from "sonner";
import { PageHeader } from "@/components/shared/page-header";
import { LoadingSkeleton } from "@/components/shared/loading-skeleton";
import { ErrorBanner } from "@/components/shared/error-banner";
import { Card, CardContent } from "@/components/ui/card";
import { TaskCompletionForm } from "@/components/tasks/task-completion-form";
import { useTask, useCreateCompletion } from "@/lib/hooks/use-tasks";
+import { useDataProvider } from "@/lib/demo/data-provider-context";
export default function CompleteTaskPage({
params,
@@ -17,6 +19,7 @@ export default function CompleteTaskPage({
const { id } = use(params);
const taskId = Number(id);
const router = useRouter();
+ const { basePath } = useDataProvider();
const { data: task, isLoading, isError, error, refetch } = useTask(taskId);
const createCompletion = useCreateCompletion();
@@ -61,7 +64,13 @@ export default function CompleteTaskPage({
images,
},
{
- onSuccess: () => router.push(`/app/tasks/${taskId}`),
+ onSuccess: () => {
+ toast.success("Task completed");
+ router.push(`${basePath}/tasks/${taskId}`);
+ },
+ onError: () => {
+ toast.error("Failed to complete task");
+ },
},
);
}}
diff --git a/src/app/app/tasks/[id]/edit/page.tsx b/src/app/app/tasks/[id]/edit/page.tsx
index d232a9e..61687db 100644
--- a/src/app/app/tasks/[id]/edit/page.tsx
+++ b/src/app/app/tasks/[id]/edit/page.tsx
@@ -2,12 +2,14 @@
import { use } from "react";
import { useRouter } from "next/navigation";
+import { toast } from "sonner";
import { PageHeader } from "@/components/shared/page-header";
import { LoadingSkeleton } from "@/components/shared/loading-skeleton";
import { ErrorBanner } from "@/components/shared/error-banner";
import { Card, CardContent } from "@/components/ui/card";
import { TaskForm } from "@/components/tasks/task-form";
import { useTask, useUpdateTask } from "@/lib/hooks/use-tasks";
+import { useDataProvider } from "@/lib/demo/data-provider-context";
export default function EditTaskPage({
params,
@@ -17,6 +19,7 @@ export default function EditTaskPage({
const { id } = use(params);
const taskId = Number(id);
const router = useRouter();
+ const { basePath } = useDataProvider();
const { data: task, isLoading, isError, error, refetch } = useTask(taskId);
const updateTask = useUpdateTask(taskId);
@@ -39,7 +42,7 @@ export default function EditTaskPage({
if (!task) return null;
return (
-
+
@@ -48,7 +51,13 @@ export default function EditTaskPage({
task={task}
onSubmit={(data) => {
updateTask.mutate(data, {
- onSuccess: () => router.push(`/app/tasks/${taskId}`),
+ onSuccess: () => {
+ toast.success("Task updated");
+ router.push(`${basePath}/tasks/${taskId}`);
+ },
+ onError: () => {
+ toast.error("Failed to update task");
+ },
});
}}
isSubmitting={updateTask.isPending}
diff --git a/src/app/app/tasks/[id]/page.tsx b/src/app/app/tasks/[id]/page.tsx
index 820535f..3e5f024 100644
--- a/src/app/app/tasks/[id]/page.tsx
+++ b/src/app/app/tasks/[id]/page.tsx
@@ -1,6 +1,7 @@
"use client";
import { use } from "react";
+import Image from "next/image";
import { Badge } from "@/components/ui/badge";
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
import { PageHeader } from "@/components/shared/page-header";
@@ -233,10 +234,12 @@ export default function TaskDetailPage({
{completion.images.length > 0 && (
{completion.images.map((img) => (
-
))}
diff --git a/src/app/app/tasks/new/page.tsx b/src/app/app/tasks/new/page.tsx
index c9e5121..0286b0d 100644
--- a/src/app/app/tasks/new/page.tsx
+++ b/src/app/app/tasks/new/page.tsx
@@ -1,17 +1,20 @@
"use client";
import { useRouter } from "next/navigation";
+import { toast } from "sonner";
import { PageHeader } from "@/components/shared/page-header";
import { Card, CardContent } from "@/components/ui/card";
import { TaskForm } from "@/components/tasks/task-form";
import { useCreateTask } from "@/lib/hooks/use-tasks";
+import { useDataProvider } from "@/lib/demo/data-provider-context";
export default function NewTaskPage() {
const router = useRouter();
+ const { basePath } = useDataProvider();
const createTask = useCreateTask();
return (
-
+
@@ -19,7 +22,13 @@ export default function NewTaskPage() {
{
createTask.mutate(data, {
- onSuccess: () => router.push("/app/tasks"),
+ onSuccess: () => {
+ toast.success("Task created");
+ router.push(`${basePath}/tasks`);
+ },
+ onError: () => {
+ toast.error("Failed to create task");
+ },
});
}}
isSubmitting={createTask.isPending}
diff --git a/src/app/app/tasks/page.tsx b/src/app/app/tasks/page.tsx
index cced52d..fbaac7e 100644
--- a/src/app/app/tasks/page.tsx
+++ b/src/app/app/tasks/page.tsx
@@ -2,18 +2,25 @@
import { useState } from "react";
import { useRouter } from "next/navigation";
+import dynamic from "next/dynamic";
import { ClipboardList } from "lucide-react";
import { PageHeader } from "@/components/shared/page-header";
import { LoadingSkeleton } from "@/components/shared/loading-skeleton";
import { ErrorBanner } from "@/components/shared/error-banner";
import { EmptyState } from "@/components/shared/empty-state";
import { LookupSelect } from "@/components/shared/lookup-select";
-import { KanbanBoard } from "@/components/tasks/kanban-board";
import { useTasks, useTasksByResidence } from "@/lib/hooks/use-tasks";
+
+const KanbanBoard = dynamic(
+ () => import("@/components/tasks/kanban-board").then((mod) => ({ default: mod.KanbanBoard })),
+ { loading: () => }
+);
import { useResidences } from "@/lib/hooks/use-residences";
+import { useDataProvider } from "@/lib/demo/data-provider-context";
export default function TasksPage() {
const router = useRouter();
+ const { basePath } = useDataProvider();
const [selectedResidenceId, setSelectedResidenceId] = useState<
number | undefined
>();
@@ -25,7 +32,7 @@ export default function TasksPage() {
const activeQuery = selectedResidenceId ? filteredTasks : allTasks;
const { data, isLoading, isError, error, refetch } = activeQuery;
- const residenceItems = (residences ?? []).map((r) => ({
+ const residenceItems = (Array.isArray(residences) ? residences : []).map((r) => ({
id: r.residence.id,
name: r.residence.name,
}));
@@ -39,7 +46,7 @@ export default function TasksPage() {
title="Tasks"
description="Manage your home maintenance tasks"
actionLabel="New Task"
- onAction={() => router.push("/app/tasks/new")}
+ onAction={() => router.push(`${basePath}/tasks/new`)}
>
{residenceItems.length > 1 && (
router.push("/app/tasks/new")}
+ onAction={() => router.push(`${basePath}/tasks/new`)}
/>
)}
diff --git a/src/app/demo/app/contractors/[id]/edit/page.tsx b/src/app/demo/app/contractors/[id]/edit/page.tsx
new file mode 100644
index 0000000..15d5445
--- /dev/null
+++ b/src/app/demo/app/contractors/[id]/edit/page.tsx
@@ -0,0 +1,2 @@
+"use client";
+export { default } from "@/app/app/contractors/[id]/edit/page";
diff --git a/src/app/demo/app/contractors/[id]/page.tsx b/src/app/demo/app/contractors/[id]/page.tsx
new file mode 100644
index 0000000..2acbc3d
--- /dev/null
+++ b/src/app/demo/app/contractors/[id]/page.tsx
@@ -0,0 +1,2 @@
+"use client";
+export { default } from "@/app/app/contractors/[id]/page";
diff --git a/src/app/demo/app/contractors/new/page.tsx b/src/app/demo/app/contractors/new/page.tsx
new file mode 100644
index 0000000..8b9427e
--- /dev/null
+++ b/src/app/demo/app/contractors/new/page.tsx
@@ -0,0 +1,2 @@
+"use client";
+export { default } from "@/app/app/contractors/new/page";
diff --git a/src/app/demo/app/contractors/page.tsx b/src/app/demo/app/contractors/page.tsx
new file mode 100644
index 0000000..ddff1fb
--- /dev/null
+++ b/src/app/demo/app/contractors/page.tsx
@@ -0,0 +1,2 @@
+"use client";
+export { default } from "@/app/app/contractors/page";
diff --git a/src/app/demo/app/documents/[id]/edit/page.tsx b/src/app/demo/app/documents/[id]/edit/page.tsx
new file mode 100644
index 0000000..65cd282
--- /dev/null
+++ b/src/app/demo/app/documents/[id]/edit/page.tsx
@@ -0,0 +1,2 @@
+"use client";
+export { default } from "@/app/app/documents/[id]/edit/page";
diff --git a/src/app/demo/app/documents/[id]/page.tsx b/src/app/demo/app/documents/[id]/page.tsx
new file mode 100644
index 0000000..ce3ae26
--- /dev/null
+++ b/src/app/demo/app/documents/[id]/page.tsx
@@ -0,0 +1,2 @@
+"use client";
+export { default } from "@/app/app/documents/[id]/page";
diff --git a/src/app/demo/app/documents/new/page.tsx b/src/app/demo/app/documents/new/page.tsx
new file mode 100644
index 0000000..8b85d13
--- /dev/null
+++ b/src/app/demo/app/documents/new/page.tsx
@@ -0,0 +1,2 @@
+"use client";
+export { default } from "@/app/app/documents/new/page";
diff --git a/src/app/demo/app/documents/page.tsx b/src/app/demo/app/documents/page.tsx
new file mode 100644
index 0000000..aa1b7ae
--- /dev/null
+++ b/src/app/demo/app/documents/page.tsx
@@ -0,0 +1,2 @@
+"use client";
+export { default } from "@/app/app/documents/page";
diff --git a/src/app/demo/app/layout.tsx b/src/app/demo/app/layout.tsx
new file mode 100644
index 0000000..dbd07db
--- /dev/null
+++ b/src/app/demo/app/layout.tsx
@@ -0,0 +1,32 @@
+"use client";
+
+import { Sidebar } from '@/components/layout/sidebar';
+import { TopBar } from '@/components/layout/top-bar';
+import { MobileNav } from '@/components/layout/mobile-nav';
+import { DemoBanner } from '@/components/demo/demo-banner';
+import { DataProviderProvider } from '@/lib/demo/data-provider-context';
+import { demoProvider } from '@/lib/demo/demo-provider';
+
+export default function DemoAppLayout({ children }: { children: React.ReactNode }) {
+ return (
+
+
+
+
+ {/* Sidebar - hidden on mobile */}
+
+
+ {/* Main content area */}
+
+
+
+ {children}
+
+
+
+ {/* Mobile bottom nav */}
+
+
+
+ {/* Logo */}
+
+ Casera
+
+
+ {/* Hero */}
+
+ Try Casera — No Account Needed
+
+
+ Manage your home maintenance, track tasks, organize contractors, and
+ store documents.
+
+
+ {/* Actions */}
+
+
+
+
+ {/* Login link */}
+
+ Already have an account?{" "}
+
+ Log In
+
+
+
+
+
+
Something went wrong
+
+ {error.message || "An unexpected error occurred. Please try again."}
+
+
+