@ -22,27 +22,33 @@ export default function EditPresetModal({
const handleSubmit = ( e ) => { const handleSubmit = ( e ) => {
e . preventDefault ( ) ; e . preventDefault ( ) ;
const form = new FormData ( e . target ) ; const form = new FormData ( e . target ) ;
const sanitizedCommand = command . replace ( CMD_REGEX , "" ) ;
/ / 修 改 默 认 输 入 框 英 文 设 置
/ / c o n s t s a n i t i z e d C o m m a n d = c o m m a n d . r e p l a c e ( C M D _ R E G E X , " " ) ;
const sanitizedCommand = command
onSave ( { onSave ( {
id : preset . id , id : preset . id ,
command : ` / ${ sanitizedCommand } ` ,
/ / c o m m a n d : ` / $ { s a n i t i z e d C o m m a n d } ` ,
command : sanitizedCommand ,
prompt : form . get ( "prompt" ) , prompt : form . get ( "prompt" ) ,
description : form . get ( "description" ) , description : form . get ( "description" ) ,
} ) ; } ) ;
window . location . reload ( )
} ; } ;
const handleCommandChange = ( e ) => { const handleCommandChange = ( e ) => {
const value = e . target . value . replace ( CMD_REGEX , "" ) ;
/ / c o n s t v a l u e = e . t a r g e t . v a l u e . r e p l a c e ( C M D _ R E G E X , " " ) ;
const value = e . target . value
setCommand ( value ) ; setCommand ( value ) ;
} ; } ;
const handleDelete = async ( ) => { const handleDelete = async ( ) => {
if ( ! window . confirm ( "Are you sure you want to delete this preset ?" ) ) return ;
if ( ! window . confirm ( "您确定要删除此预设吗 ?" ) ) return ;
setDeleting ( true ) ; setDeleting ( true ) ;
await onDelete ( preset . id ) ; await onDelete ( preset . id ) ;
setDeleting ( false ) ; setDeleting ( false ) ;
onClose ( ) ; onClose ( ) ;
window . location . reload ( )
} ; } ;
return ( return (
@ -51,7 +57,7 @@ export default function EditPresetModal({
< div className = "relative p-6 border-b rounded-t border-theme-modal-border" > < div className = "relative p-6 border-b rounded-t border-theme-modal-border" >
< div className = "w-full flex gap-x-2 items-center" > < div className = "w-full flex gap-x-2 items-center" >
< h3 className = "text-xl font-semibold text-white overflow-hidden overflow-ellipsis whitespace-nowrap" > < h3 className = "text-xl font-semibold text-white overflow-hidden overflow-ellipsis whitespace-nowrap" >
Edit Preset
编辑预设
< / h3 > < / h3 >
< / div > < / div >
< button < button
@ -74,14 +80,14 @@ export default function EditPresetModal({
htmlFor = "command" htmlFor = "command"
className = "block mb-2 text-sm font-medium text-white" className = "block mb-2 text-sm font-medium text-white"
> >
Command
命令
< / label > < / label >
< div className = "flex items-center" > < div className = "flex items-center" >
< span className = "text-white text-sm mr-2 font-bold" > / < / span > < span className = "text-white text-sm mr-2 font-bold" > / < / span >
< input < input
type = "text" type = "text"
name = "command" name = "command"
placeholder = "your-command "
placeholder = "您的命令 "
value = { command } value = { command }
onChange = { handleCommandChange } onChange = { handleCommandChange }
required = { true } required = { true }
@ -94,11 +100,11 @@ export default function EditPresetModal({
htmlFor = "prompt" htmlFor = "prompt"
className = "block mb-2 text-sm font-medium text-white" className = "block mb-2 text-sm font-medium text-white"
> >
Prompt
提示
< / label > < / label >
< textarea < textarea
name = "prompt" name = "prompt"
placeholder = "This is a test prompt. Please respond with a poem about LLMs ."
placeholder = "请输入提示内容 ."
defaultValue = { preset . prompt } defaultValue = { preset . prompt }
required = { true } required = { true }
className = "border-none bg-theme-settings-input-bg w-full text-white placeholder:text-theme-settings-input-placeholder text-sm rounded-lg focus:outline-primary-button active:outline-primary-button outline-none block w-full p-2.5" className = "border-none bg-theme-settings-input-bg w-full text-white placeholder:text-theme-settings-input-placeholder text-sm rounded-lg focus:outline-primary-button active:outline-primary-button outline-none block w-full p-2.5"
@ -109,7 +115,7 @@ export default function EditPresetModal({
htmlFor = "description" htmlFor = "description"
className = "block mb-2 text-sm font-medium text-white" className = "block mb-2 text-sm font-medium text-white"
> >
Description
描述
< / label > < / label >
< input < input
type = "text" type = "text"
@ -129,7 +135,7 @@ export default function EditPresetModal({
type = "button" type = "button"
className = "transition-all duration-300 bg-transparent text-red-500 hover:bg-red-500/25 px-4 py-2 rounded-lg text-sm disabled:opacity-50" className = "transition-all duration-300 bg-transparent text-red-500 hover:bg-red-500/25 px-4 py-2 rounded-lg text-sm disabled:opacity-50"
> >
{ deleting ? "Deleting..." : "Delete Preset " }
{ deleting ? "Deleting..." : "删除 " }
< / button > < / button >
< div className = "flex space-x-2" > < div className = "flex space-x-2" >
< button < button
@ -137,13 +143,13 @@ export default function EditPresetModal({
type = "button" type = "button"
className = "transition-all duration-300 bg-transparent text-white hover:opacity-60 px-4 py-2 rounded-lg text-sm" className = "transition-all duration-300 bg-transparent text-white hover:opacity-60 px-4 py-2 rounded-lg text-sm"
> >
Cancel
取消
< / button > < / button >
< button < button
type = "submit" type = "submit"
className = "transition-all duration-300 bg-white text-black hover:opacity-60 px-4 py-2 rounded-lg text-sm" className = "transition-all duration-300 bg-white text-black hover:opacity-60 px-4 py-2 rounded-lg text-sm"
> >
Save
保存
< / button > < / button >
< / div > < / div >
< / div > < / div >
談蓝色
10 months ago
