Files
hristudio/src/app/(dashboard)/studies/[id]/trials/page.tsx
Sean O'Connor 433c1c4517 docs: consolidate and restructure documentation architecture
- Remove outdated root-level documentation files
  - Delete IMPLEMENTATION_STATUS.md, WORK_IN_PROGRESS.md, UI_IMPROVEMENTS_SUMMARY.md, CLAUDE.md

- Reorganize documentation into docs/ folder
  - Move UNIFIED_EDITOR_EXPERIENCES.md → docs/unified-editor-experiences.md
  - Move DATATABLE_MIGRATION_PROGRESS.md → docs/datatable-migration-progress.md
  - Move SEED_SCRIPT_README.md → docs/seed-script-readme.md

- Create comprehensive new documentation
  - Add docs/implementation-status.md with production readiness assessment
  - Add docs/work-in-progress.md with active development tracking
  - Add docs/development-achievements.md consolidating all major accomplishments

- Update documentation hub
  - Enhance docs/README.md with complete 13-document structure
  - Organize into logical categories: Core, Status, Achievements
  - Provide clear navigation and purpose for each document

Features:
- 73% code reduction achievement through unified editor experiences
- Complete DataTable migration with enterprise features
- Comprehensive seed database with realistic research scenarios
- Production-ready status with 100% backend, 95% frontend completion
- Clean documentation architecture supporting future development

Breaking Changes: None - documentation restructuring only
Migration: Documentation moved to docs/ folder, no code changes required
2025-08-04 23:54:47 -04:00

42 lines
1.3 KiB
TypeScript

"use client";
import { useParams } from "next/navigation";
import { Suspense, useEffect } from "react";
import { ManagementPageLayout } from "~/components/ui/page-layout";
import { TrialsTable } from "~/components/trials/TrialsTable";
import { useActiveStudy } from "~/hooks/useActiveStudy";
export default function StudyTrialsPage() {
const params = useParams();
const studyId = params.id as string;
const { setActiveStudy, activeStudy } = useActiveStudy();
// Set the active study if it doesn't match the current route
useEffect(() => {
if (studyId && activeStudy?.id !== studyId) {
setActiveStudy(studyId);
}
}, [studyId, activeStudy?.id, setActiveStudy]);
return (
<ManagementPageLayout
title="Trials"
description="Schedule, execute, and monitor HRI experiment trials with real-time wizard control for this study"
breadcrumb={[
{ label: "Dashboard", href: "/dashboard" },
{ label: "Studies", href: "/studies" },
{ label: activeStudy?.title || "Study", href: `/studies/${studyId}` },
{ label: "Trials" },
]}
createButton={{
label: "Schedule Trial",
href: `/studies/${studyId}/trials/new`,
}}
>
<Suspense fallback={<div>Loading trials...</div>}>
<TrialsTable studyId={studyId} />
</Suspense>
</ManagementPageLayout>
);
}