estel/dify
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

fix: move hardcoded text to language settings (#16990) (#17133)

Browse Source
This commit is contained in:
Perfecto
2025-04-02 22:35:51 +08:00
committed by GitHub
parent 5cffcd6336
commit 16c722d1d8
12 changed files with 40 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
web/app/components/base/app-icon-picker/ImageInput.tsx
View File

@@ -4,6 +4,7 @@ import type { ChangeEvent, FC } from 'react'
import { createRef, useEffect, useState } from 'react'
import Cropper, { type Area, type CropperProps } from 'react-easy-crop'
import classNames from 'classnames'
import { useTranslation } from 'react-i18next'
import { ImagePlus } from '../icons/src/vender/line/images'
import { useDraggableUploader } from './hooks'
@@ -26,6 +27,7 @@ const ImageInput: FC<UploaderProps> = ({
cropShape,
onImageInput,
}) => {
const { t } = useTranslation()
const [inputImage, setInputImage] = useState<{ file: File; url: string }>()
const [isAnimatedImage, setIsAnimatedImage] = useState<boolean>(false)
useEffect(() => {
@@ -103,8 +105,8 @@ const ImageInput: FC<UploaderProps> = ({
? <>
<ImagePlus className="pointer-events-none mb-3 h-[30px] w-[30px]" />
<div className="mb-[2px] text-sm font-medium">
<span className="pointer-events-none">Drop your image here, or&nbsp;</span>
<button className="text-components-button-primary-bg" onClick={() => inputRef.current?.click()}>browse</button>
<span className="pointer-events-none">{t('common.imageInput.dropImageHere')}&nbsp;</span>
<button className="text-components-button-primary-bg" onClick={() => inputRef.current?.click()}>{t('common.imageInput.browse')}</button>
<input
ref={inputRef} type="file" className="hidden"
onClick={e => ((e.target as HTMLInputElement).value = '')}
@@ -112,7 +114,7 @@ const ImageInput: FC<UploaderProps> = ({
onChange={handleLocalFileInput}
/>
</div>
<div className="pointer-events-none text-xs">Supports PNG, JPG, JPEG, WEBP and GIF</div>
<div className="pointer-events-none">{t('common.imageInput.supportedFormats')}</div>
</>
: handleShowImage()
}