mirror of
https://github.com/linsa-io/linsa.git
synced 2026-01-12 12:20:23 +01:00
a3913baff9
* feat: add jazz globa group cons * chore: remove topic selector atom * chore: use jazz from constant * chore: remove delete model and add new topic selector * chore: use jazz group id form constant in search component * chore: use jazz group id form constant in public home route * fix: topic selector in link * fix: topic section in detail topic * chore: update la editor * chore: content header tweak class * chore: add btn variant to topic selector * refactor: tweak border for link header * chore: page header * fix: page detail route
37 lines
1.1 KiB
TypeScript
37 lines
1.1 KiB
TypeScript
import { FormField, FormItem, FormLabel, FormControl } from "@/components/ui/form"
|
|
import { useFormContext } from "react-hook-form"
|
|
import { Input } from "@/components/ui/input"
|
|
import { cn } from "@/lib/utils"
|
|
import { LaIcon } from "@/components/custom/la-icon"
|
|
import { LinkFormValues } from "./schema"
|
|
|
|
export const NotesSection: React.FC = () => {
|
|
const form = useFormContext<LinkFormValues>()
|
|
|
|
return (
|
|
<FormField
|
|
control={form.control}
|
|
name="notes"
|
|
render={({ field }) => (
|
|
<FormItem className="relative grow space-y-0">
|
|
<FormLabel className="sr-only">Note</FormLabel>
|
|
<FormControl>
|
|
<>
|
|
<div className="pointer-events-none absolute inset-y-0 left-0 flex items-center pl-3">
|
|
<LaIcon name="Pencil" aria-hidden="true" className="text-muted-foreground/70" />
|
|
</div>
|
|
|
|
<Input
|
|
{...field}
|
|
autoComplete="off"
|
|
placeholder="Take a notes..."
|
|
className={cn("placeholder:text-muted-foreground/70 border-none pl-8 shadow-none focus-visible:ring-0")}
|
|
/>
|
|
</>
|
|
</FormControl>
|
|
</FormItem>
|
|
)}
|
|
/>
|
|
)
|
|
}
|