soconnor/hristudio
1
0
Fork 0
mirror of https://github.com/soconnor0919/hristudio.git synced 2025-12-12 07:04:44 -05:00
Code Issues Packages Projects Releases Wiki Activity

Update create new studies page

Browse Source
This commit is contained in:
Sean O'Connor
2024-12-05 13:50:47 -05:00
parent 5a1e318df7
commit a4c8fdc0c3
1 changed files with 62 additions and 41 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
src/app/dashboard/studies/new/page.tsx
View File

@@ -8,12 +8,11 @@ import { Input } from "~/components/ui/input";
import { Label } from "~/components/ui/label"; import { Label } from "~/components/ui/label";
import { Textarea } from "~/components/ui/textarea"; import { Textarea } from "~/components/ui/textarea";
import { useToast } from "~/hooks/use-toast"; import { useToast } from "~/hooks/use-toast";
import { ArrowLeft } from "lucide-react"; import { ArrowLeft, Settings2Icon } from "lucide-react";
import Link from "next/link"; import Link from "next/link";
import { useActiveStudy } from "~/context/active-study"; import { useActiveStudy } from "~/context/active-study";
import { hasPermission } from "~/lib/permissions-client";
import { PERMISSIONS } from "~/lib/permissions";
import { getApiUrl } from "~/lib/fetch-utils"; import { getApiUrl } from "~/lib/fetch-utils";
export default function NewStudy() { export default function NewStudy() {
const [title, setTitle] = useState(""); const [title, setTitle] = useState("");
const [description, setDescription] = useState(""); const [description, setDescription] = useState("");
@@ -64,23 +63,41 @@ export default function NewStudy() {
return ( return (
<div className="space-y-6"> <div className="space-y-6">
<div className="flex items-center justify-between"> <div className="flex items-center justify-between">
<div>
<h2 className="text-2xl font-bold tracking-tight">Create New Study</h2>
<p className="text-muted-foreground">
Set up a new research study and configure its settings
</p>
</div>
<Button <Button
variant="ghost" variant="outline"
className="gap-2" className="gap-2"
asChild asChild
> >
<Link href="/dashboard/studies"> <Link href="/dashboard">
<ArrowLeft className="h-4 w-4" /> <ArrowLeft className="h-4 w-4" />
Back to Studies Back to Dashboard
</Link> </Link>
</Button> </Button>
</div> </div>
<div className="flex gap-6">
<div className="w-48 flex flex-col gap-2">
<Button
variant="secondary"
className="justify-start"
>
<Settings2Icon className="mr-2 h-4 w-4" />
Basic Settings
</Button>
</div>
<div className="flex-1">
<Card> <Card>
<CardHeader> <CardHeader>
<CardTitle>Create New Study</CardTitle> <CardTitle>Study Details</CardTitle>
<CardDescription> <CardDescription>
Set up a new research study Configure the basic settings for your new study
</CardDescription> </CardDescription>
</CardHeader> </CardHeader>
<CardContent> <CardContent>
@@ -105,12 +122,16 @@ export default function NewStudy() {
rows={4} rows={4}
/> />
</div> </div>
<div className="flex justify-end">
<Button type="submit" disabled={isSubmitting}> <Button type="submit" disabled={isSubmitting}>
{isSubmitting ? "Creating..." : "Create Study"} {isSubmitting ? "Creating..." : "Create Study"}
</Button> </Button>
</div>
</form> </form>
</CardContent> </CardContent>
</Card> </Card>
</div> </div>
</div>
</div>
); );
} }