- {/* Header */}
-
-
-
Analytics
-
- Insights and data analysis for your research
-
-
-
-
-
-
-
-
-
- {/* Overview Metrics */}
-
-
- {/* Charts */}
-
-
- {/* Insights */}
-
-
-
-
-
-
- Quick Actions
- Generate custom reports
-
-
-
+
);
}
-
-export default function AnalyticsPage() {
- return (
-
-
-
- );
-}
diff --git a/src/app/(dashboard)/dashboard/page.tsx b/src/app/(dashboard)/dashboard/page.tsx
deleted file mode 100644
index e7c5997..0000000
--- a/src/app/(dashboard)/dashboard/page.tsx
+++ /dev/null
@@ -1,353 +0,0 @@
-"use client";
-
-import * as React from "react";
-import Link from "next/link";
-import {
- BarChart3,
- Building,
- FlaskConical,
- TestTube,
- Users,
- Calendar,
- Clock,
- AlertCircle,
- CheckCircle2,
-} from "lucide-react";
-import { formatDistanceToNow } from "date-fns";
-
-import { Button } from "~/components/ui/button";
-import {
- Card,
- CardContent,
- CardDescription,
- CardHeader,
- CardTitle,
-} from "~/components/ui/card";
-import { Badge } from "~/components/ui/badge";
-import { Progress } from "~/components/ui/progress";
-import { api } from "~/trpc/react";
-
-// Dashboard Overview Cards
-function OverviewCards() {
- const { data: stats, isLoading } = api.dashboard.getStats.useQuery();
-
- const cards = [
- {
- title: "Active Studies",
- value: stats?.totalStudies ?? 0,
- description: "Research studies you have access to",
- icon: Building,
- color: "text-blue-600",
- bg: "bg-blue-50",
- },
- {
- title: "Experiments",
- value: stats?.totalExperiments ?? 0,
- description: "Experiment protocols designed",
- icon: FlaskConical,
- color: "text-green-600",
- bg: "bg-green-50",
- },
- {
- title: "Participants",
- value: stats?.totalParticipants ?? 0,
- description: "Enrolled participants",
- icon: Users,
- color: "text-purple-600",
- bg: "bg-purple-50",
- },
- {
- title: "Trials",
- value: stats?.totalTrials ?? 0,
- description: "Total trials conducted",
- icon: TestTube,
- color: "text-orange-600",
- bg: "bg-orange-50",
- },
- ];
-
- if (isLoading) {
- return (
-
- {Array.from({ length: 4 }).map((_, i) => (
-
-
-
-
-
-
-
-
-
-
- ))}
-
- );
- }
-
- return (
-
- {cards.map((card) => (
-
-
- {card.title}
-
-
-
-
-
- {card.value}
- {card.description}
-
-
- ))}
-
- );
-}
-
-// Recent Activity Component
-function RecentActivity() {
- const { data: activities = [], isLoading } =
- api.dashboard.getRecentActivity.useQuery({
- limit: 8,
- });
-
- const getStatusIcon = (status: string) => {
- switch (status) {
- case "success":
- return
;
- case "pending":
- return
;
- case "error":
- return
;
- default:
- return
;
- }
- };
-
- return (
-
-
- Recent Activity
-
- Latest updates from your research platform
-
-
-
- {isLoading ? (
-
- {Array.from({ length: 4 }).map((_, i) => (
-
- ))}
-
-
-
- No recent activity
-
-
- {activities.map((activity) => (
-
- {getStatusIcon(activity.status)}
-
-
- {activity.title}
-
-
- {activity.description}
-
-
-
- {formatDistanceToNow(activity.time, { addSuffix: true })}
-
-
- ))}
-
- );
-}
-
-// Quick Actions Component
-function QuickActions() {
- const actions = [
- {
- title: "Start New Trial",
- description: "Begin a new experimental trial",
- href: "/dashboard/trials/new",
- icon: TestTube,
- color: "bg-blue-500 hover:bg-blue-600",
- },
- {
- title: "Add Participant",
- description: "Enroll a new participant",
- href: "/dashboard/participants/new",
- icon: Users,
- color: "bg-green-500 hover:bg-green-600",
- },
- {
- title: "Create Experiment",
- description: "Design new experiment protocol",
- href: "/dashboard/experiments/new",
- icon: FlaskConical,
- color: "bg-purple-500 hover:bg-purple-600",
- },
- {
- title: "View Analytics",
- description: "Analyze research data",
- href: "/dashboard/analytics",
- icon: BarChart3,
- color: "bg-orange-500 hover:bg-orange-600",
- },
- ];
-
- return (
-
- {actions.map((action) => (
-
-
-
-
- {action.description}
-
-
-
- ))}
-
- );
-}
-
-// Study Progress Component
-function StudyProgress() {
- const { data: studies = [], isLoading } =
- api.dashboard.getStudyProgress.useQuery({
- limit: 5,
- });
-
- return (
-
-
- Study Progress
-
- Current status of active research studies
-
-
-
- {isLoading ? (
-
- {Array.from({ length: 3 }).map((_, i) => (
-
- ))}
-
-
-
- No active studies found
-
-
- Create a study to get started
-
-
- {studies.map((study) => (
-
-
-
-
- {study.name}
-
-
- {study.participants}/{study.totalParticipants} completed
- trials
-
-
-
- {study.status}
-
-
-
-
- {study.progress}% complete
-
-
- ))}
-
- );
-}
-
-export default function DashboardPage() {
- return (
-
- {/* Header */}
-
-
-
Dashboard
-
- Welcome to your HRI Studio research platform
-
-
-
-
-
- {new Date().toLocaleDateString()}
-
-
-
-
- {/* Overview Cards */}
-
-
- {/* Main Content Grid */}
-
-
- {/* Quick Actions */}
-
-
Quick Actions
-
-
-
- );
-}
diff --git a/src/app/(dashboard)/participants/[id]/edit/page.tsx b/src/app/(dashboard)/participants/[id]/edit/page.tsx
deleted file mode 100644
index 1e818df..0000000
--- a/src/app/(dashboard)/participants/[id]/edit/page.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import { ParticipantForm } from "~/components/participants/ParticipantForm";
-
-interface EditParticipantPageProps {
- params: Promise<{
- id: string;
- }>;
-}
-
-export default async function EditParticipantPage({
- params,
-}: EditParticipantPageProps) {
- const { id } = await params;
-
- return
;
-}
diff --git a/src/app/(dashboard)/participants/[id]/page.tsx b/src/app/(dashboard)/participants/[id]/page.tsx
deleted file mode 100644
index fa1e9cc..0000000
--- a/src/app/(dashboard)/participants/[id]/page.tsx
+++ /dev/null
@@ -1,443 +0,0 @@
-"use client";
-
-import { formatDistanceToNow } from "date-fns";
-import {
- AlertCircle,
- Calendar,
- CheckCircle,
- Edit,
- Mail,
- Trash2,
- XCircle,
-} from "lucide-react";
-import Link from "next/link";
-import { notFound } from "next/navigation";
-import { useEffect, useState } from "react";
-import { Alert, AlertDescription } from "~/components/ui/alert";
-import { Badge } from "~/components/ui/badge";
-import { Button } from "~/components/ui/button";
-import {
- EntityView,
- EntityViewHeader,
- EntityViewSection,
- EntityViewSidebar,
- EmptyState,
- InfoGrid,
- QuickActions,
-} from "~/components/ui/entity-view";
-import { useBreadcrumbsEffect } from "~/components/ui/breadcrumb-provider";
-import { useSession } from "next-auth/react";
-import { api } from "~/trpc/react";
-
-interface ParticipantDetailPageProps {
- params: Promise<{
- id: string;
- }>;
-}
-
-export default function ParticipantDetailPage({
- params,
-}: ParticipantDetailPageProps) {
- const { data: session } = useSession();
- const [participant, setParticipant] = useState<{
- id: string;
- name: string | null;
- email: string | null;
- participantCode: string;
- study: { id: string; name: string } | null;
- demographics: unknown;
- notes: string | null;
- consentGiven: boolean;
- consentDate: Date | null;
- createdAt: Date;
- updatedAt: Date;
- studyId: string;
- trials: unknown[];
- consents: unknown[];
- } | null>(null);
- const [trials, setTrials] = useState<
- {
- id: string;
- status: string;
- createdAt: Date;
- duration: number | null;
- experiment: { name: string } | null;
- }[]
- >([]);
- const [loading, setLoading] = useState(true);
- const [resolvedParams, setResolvedParams] = useState<{ id: string } | null>(
- null,
- );
-
- useEffect(() => {
- async function resolveParams() {
- const resolved = await params;
- setResolvedParams(resolved);
- }
- void resolveParams();
- }, [params]);
-
- const { data: participantData } = api.participants.get.useQuery(
- { id: resolvedParams?.id ?? "" },
- { enabled: !!resolvedParams?.id },
- );
-
- const { data: trialsData } = api.trials.list.useQuery(
- { participantId: resolvedParams?.id ?? "", limit: 10 },
- { enabled: !!resolvedParams?.id },
- );
-
- useEffect(() => {
- if (participantData) {
- setParticipant(participantData);
- }
- if (trialsData) {
- setTrials(trialsData);
- }
- if (participantData !== undefined) {
- setLoading(false);
- }
- }, [participantData, trialsData]);
-
- // Set breadcrumbs
- useBreadcrumbsEffect([
- { label: "Dashboard", href: "/dashboard" },
- { label: "Participants", href: "/participants" },
- {
- label: participant?.name ?? participant?.participantCode ?? "Participant",
- },
- ]);
-
- if (!session?.user) {
- return notFound();
- }
-
- if (loading || !participant) {
- return
Loading...
;
- }
-
- const userRole = session.user.roles?.[0]?.role ?? "observer";
- const canEdit = ["administrator", "researcher"].includes(userRole);
-
- return (
-
- {/* Header */}
-
-
-
-
- )
- }
- />
-
-
- {/* Main Content */}
-
- {/* Participant Information */}
-
-
- {participant.participantCode}
-
- ),
- },
- {
- label: "Name",
- value: participant?.name ?? "Not provided",
- },
- {
- label: "Email",
- value: participant?.email ? (
-
- ) : (
- "Not provided"
- ),
- },
- {
- label: "Study",
- value: participant?.study ? (
-
- {participant.study.name}
-
- ) : (
- "No study assigned"
- ),
- },
- ]}
- />
-
- {/* Demographics */}
- {participant?.demographics &&
- typeof participant.demographics === "object" &&
- participant.demographics !== null &&
- Object.keys(participant.demographics as Record)
- .length > 0 ? (
-
-
- Demographics
-
- {
- const demo = participant.demographics as Record<
- string,
- unknown
- >;
- const items: Array<{ label: string; value: string }> = [];
-
- if (demo.age) {
- items.push({
- label: "Age",
- value:
- typeof demo.age === "number"
- ? demo.age.toString()
- : typeof demo.age === "string"
- ? demo.age
- : "Unknown",
- });
- }
-
- if (demo.gender) {
- items.push({
- label: "Gender",
- value:
- typeof demo.gender === "string"
- ? demo.gender
- : "Unknown",
- });
- }
-
- return items;
- })()}
- />
-
- ) : null}
-
- {/* Notes */}
- {participant?.notes && (
-
-
- Notes
-
-
- {participant.notes}
-
-
-
- {/* Trial History */}
-
-
- Schedule Trial
-
-
- )
- }
- >
- {trials.length > 0 ? (
-
- {trials.map((trial) => (
-
-
-
- {trial.experiment?.name ?? "Trial"}
-
-
- {trial.status.replace("_", " ")}
-
-
-
-
-
- {trial.createdAt
- ? formatDistanceToNow(new Date(trial.createdAt), {
- addSuffix: true,
- })
- : "Not scheduled"}
-
- {trial.duration && (
- {Math.round(trial.duration / 60)} min
- )}
-
-
- ))}
-
-
-
- {/* Sidebar */}
-
- {/* Consent Status */}
-
-
-
- Informed Consent
-
- {participant?.consentGiven ? (
- <>
-
- Given
-
- ) : (
- <>
-
- Not Given
-
- )}
-
-
-
- {participant?.consentDate && (
-
- Consented:{" "}
- {formatDistanceToNow(new Date(participant.consentDate), {
- addSuffix: true,
- })}
-
- )}
-
- {!participant.consentGiven && (
-
-
-
- Consent required before trials can be conducted.
-
-
- )}
-
-
- );
-}
diff --git a/src/app/(dashboard)/participants/new/page.tsx b/src/app/(dashboard)/participants/new/page.tsx
deleted file mode 100644
index 3314f86..0000000
--- a/src/app/(dashboard)/participants/new/page.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-import { ParticipantForm } from "~/components/participants/ParticipantForm";
-
-export default function NewParticipantPage() {
- return
;
-}
diff --git a/src/app/(dashboard)/participants/page.tsx b/src/app/(dashboard)/participants/page.tsx
index 2595d2b..3e081b9 100644
--- a/src/app/(dashboard)/participants/page.tsx
+++ b/src/app/(dashboard)/participants/page.tsx
@@ -1,10 +1,65 @@
-import { ParticipantsDataTable } from "~/components/participants/participants-data-table";
-import { StudyGuard } from "~/components/dashboard/study-guard";
+"use client";
+
+import { useEffect } from "react";
+import { useRouter } from "next/navigation";
+import Link from "next/link";
+import { Users, ArrowRight } from "lucide-react";
+import { Button } from "~/components/ui/button";
+import {
+ Card,
+ CardContent,
+ CardDescription,
+ CardHeader,
+ CardTitle,
+} from "~/components/ui/card";
+import { useStudyContext } from "~/lib/study-context";
+
+export default function ParticipantsRedirect() {
+ const router = useRouter();
+ const { selectedStudyId } = useStudyContext();
+
+ useEffect(() => {
+ // If user has a selected study, redirect to study participants
+ if (selectedStudyId) {
+ router.replace(`/studies/${selectedStudyId}/participants`);
+ }
+ }, [selectedStudyId, router]);
-export default function ParticipantsPage() {
return (
-
-
-
+
+
+
+
+
+
+ Participants Moved
+
+ Participant management is now organized by study for better
+ organization.
+
+
+
+
+
To manage participants:
+
+ - • Select a study from your studies list
+ - • Navigate to that study's participants page
+ - • Add and manage participants for that specific study
+
+
+
+
+
+
);
}
diff --git a/src/app/(dashboard)/studies/[id]/page.tsx b/src/app/(dashboard)/studies/[id]/page.tsx
index 1168f29..edf17ae 100644
--- a/src/app/(dashboard)/studies/[id]/page.tsx
+++ b/src/app/(dashboard)/studies/[id]/page.tsx
@@ -149,14 +149,19 @@ export default function StudyDetailPage({ params }: StudyDetailPageProps) {
const trials = trialsData ?? [];
const activities = activityData?.activities ?? [];
- const completedTrials = trials.filter((trial: { status: string }) => trial.status === "completed").length;
+ const completedTrials = trials.filter(
+ (trial: { status: string }) => trial.status === "completed",
+ ).length;
const totalTrials = trials.length;
const stats = {
experiments: experiments.length,
totalTrials: totalTrials,
participants: participants.length,
- completionRate: totalTrials > 0 ? `${Math.round((completedTrials / totalTrials) * 100)}%` : "—",
+ completionRate:
+ totalTrials > 0
+ ? `${Math.round((completedTrials / totalTrials) * 100)}%`
+ : "—",
};
return (
@@ -269,26 +274,27 @@ export default function StudyDetailPage({ params }: StudyDetailPageProps) {
experiment.status === "draft"
? "bg-gray-100 text-gray-800"
: experiment.status === "ready"
- ? "bg-green-100 text-green-800"
- : "bg-blue-100 text-blue-800"
+ ? "bg-green-100 text-green-800"
+ : "bg-blue-100 text-blue-800"
}`}
>
{experiment.status}