2394c13065
* Eslint import order * Initial Uikit * Rename file with camelCase * Remove unused code * Remove unused code * Set position traficlight mac * Grouping Ribbon, Topbar and Bottombar as layout * Added image brand * Moving feature toggle into context folder * Fix active state of setting menu * Cleanup downloadModel atom helper * Cleanup useGetConfigureModel * Added wave animation * Create useMainViewState intead of import helper atom * Remove unused code * Take a back switch ui * Toggle using switch component * Add dynamic primary color * Cleanup import * Added uikit scroll area * Add best practice form * Added toaster container * Fix loader container * Add hooks useDownloadState * Added tooltip on ribbon menu * Added case user multiple download model * Adjust input style with bigger ring * Restyle my model screen * Replace useStartStop model with useActiveModel * Import icon using Icon name * Fix missing login loading start and stop model * WIP integrate with cmdk * Move layout search bar on middle of app * Added function cancel download * Cleanup model explore * Cleanup unused code * Move app version in bototmbar or footer * WIP chat screen * WIP chat screen * Cleanup style and remove unsed code * Added command for showing downloaded model * Fix missing keyframe loader dot animation * Conditional loader of plugin setting * WIP history list message * chore: rebase main * Adding script ui into root package * Fix different version react hooks form * Add close toaster * Added status model active or not on list of command * Conditional showing info if user don't have a model * Disabled toolbar chat when user not yet have convo * chore: fix state * fix: get resource atom * Fix conditional bottom bar * fix: model download state * Fix font * Improve icon my model * Add toaster delete chat * Remove test classname * Fix scroll chat body * Fix scrolling chat body * chore: add message update * Add uikit into depedencies on root package * Update chat flow * Fix hot reload ui changes * Increate background color chat screen light mode * Added visual conversation active state * Added build:uikit on gh actions * chore: attempt to fix CI * fix: deps * fix: tests * chore: attempt to fix CI --------- Co-authored-by: Louis <louis@jan.ai>
47 lines
1.1 KiB
TypeScript
47 lines
1.1 KiB
TypeScript
/* eslint-disable @typescript-eslint/no-explicit-any */
|
|
|
|
import { useController } from 'react-hook-form'
|
|
|
|
type Props = {
|
|
id: string
|
|
title: string
|
|
placeholder: string
|
|
description?: string
|
|
control?: any
|
|
required?: boolean
|
|
}
|
|
|
|
const TextAreaWithTitle: React.FC<Props> = ({
|
|
id,
|
|
title,
|
|
placeholder,
|
|
description,
|
|
control,
|
|
required = false,
|
|
}) => {
|
|
const { field } = useController({
|
|
name: id,
|
|
control: control,
|
|
rules: { required: required },
|
|
})
|
|
|
|
return (
|
|
<div className="flex flex-col gap-2">
|
|
<label htmlFor="comment" className="block font-bold">
|
|
{title}
|
|
</label>
|
|
{description && (
|
|
<p className="mt-1 font-normal text-muted-foreground">{description}</p>
|
|
)}
|
|
<textarea
|
|
rows={4}
|
|
className="text-background-reverse block w-full resize-none rounded-md border-0 bg-background/80 py-1.5 text-xs leading-relaxed shadow-sm ring-1 ring-inset ring-border placeholder:text-muted-foreground focus:ring-2 focus:ring-inset focus:ring-accent/50"
|
|
placeholder={placeholder}
|
|
{...field}
|
|
/>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export default TextAreaWithTitle
|