mirror of
https://github.com/MODSetter/SurfSense.git
synced 2026-04-27 01:36:30 +02:00
40 lines
1 KiB
TypeScript
40 lines
1 KiB
TypeScript
"use client";
|
|
|
|
import { Pencil } from "lucide-react";
|
|
import { Popover, PopoverContent, PopoverTrigger } from "@/components/ui/popover";
|
|
|
|
export function ConfigModal() {
|
|
return (
|
|
<Popover>
|
|
<PopoverTrigger>
|
|
<button
|
|
type="button"
|
|
title="Edit the prompt"
|
|
className="rounded-full p-2 bg-slate-400/30 hover:bg-slate-400/40"
|
|
>
|
|
<Pencil strokeWidth={1} className="h-4 w-4" />
|
|
</button>
|
|
</PopoverTrigger>
|
|
<PopoverContent align="end" className="bg-sidebar w-96 ">
|
|
<form className="flex flex-col gap-3 w-full">
|
|
<label className="text-sm font-medium" htmlFor="prompt">
|
|
What subjects should the AI cover in this podcast ?
|
|
</label>
|
|
|
|
<textarea
|
|
name="prompt"
|
|
id="prompt"
|
|
className="w-full rounded-md border border-slate-400/40 p-2"
|
|
></textarea>
|
|
|
|
<button
|
|
type="submit"
|
|
className="w-full rounded-md bg-foreground text-white dark:text-black p-2"
|
|
>
|
|
Generate Podcast
|
|
</button>
|
|
</form>
|
|
</PopoverContent>
|
|
</Popover>
|
|
);
|
|
}
|