opensource
/
dify
mirror of https://github.com/langgenius/dify.git
2
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

feat: add disable style for confirm button

This commit is contained in:
crazywoola 2023-05-19 10:50:52 +08:00
parent 527328060a
commit bf323dc1be
1 changed files with 8 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
web/app/components/base/emoji-picker/index.tsx
View File

@ -104,7 +104,7 @@ const EmojiPicker: FC<IEmojiPickerProps> = ({
</div>
{/* Color Select */}
<div className='flex flex-col p-3'>
<div className={cn('flex flex-col p-3 ', selectedEmoji == '' ? 'opacity-25' : '')}>
<p className='font-medium uppercase text-xs text-[#101828] mb-2'>Choose Style</p>
<div className='w-full h-full grid grid-cols-8 gap-1'>
{backgroundColors.map((color) => {
@ -138,9 +138,13 @@ const EmojiPicker: FC<IEmojiPickerProps> = ({
}}>
Cancel
</Button>
<Button type="primary" className='w-full' onClick={() => {
onSelect && onSelect(selectedEmoji, selectedBackground)
}}>
<Button
disabled={selectedEmoji == ''}
type="primary"
className='w-full'
onClick={() => {
onSelect && onSelect(selectedEmoji, selectedBackground)
}}>
OK
</Button>
</div>