mirror of
https://git.mirrors.martin98.com/https://github.com/langgenius/dify.git
synced 2025-05-25 07:38:15 +08:00
58 lines
1.5 KiB
TypeScript
58 lines
1.5 KiB
TypeScript
'use client'
|
|
import { useTranslation } from 'react-i18next'
|
|
import classNames from 'classnames'
|
|
import s from './index.module.css'
|
|
import { DataSet } from '@/models/datasets'
|
|
|
|
const itemClass = `
|
|
flex items-center w-[234px] h-12 px-3 rounded-xl bg-gray-25 border border-gray-100 cursor-pointer
|
|
`
|
|
const radioClass = `
|
|
w-4 h-4 border-[2px] border-gray-200 rounded-full
|
|
`
|
|
type IPermissionsRadioProps = {
|
|
value?: DataSet['permission']
|
|
onChange: (v?: DataSet['permission']) => void
|
|
}
|
|
|
|
const PermissionsRadio = ({
|
|
value,
|
|
onChange
|
|
}: IPermissionsRadioProps) => {
|
|
const { t } = useTranslation()
|
|
const options = [
|
|
{
|
|
key: 'only_me',
|
|
text: t('datasetSettings.form.permissionsOnlyMe')
|
|
},
|
|
{
|
|
key: 'all_team_members',
|
|
text: t('datasetSettings.form.permissionsAllMember')
|
|
}
|
|
]
|
|
|
|
return (
|
|
<div className={classNames(s.wrapper, 'flex justify-between w-full')}>
|
|
{
|
|
options.map(option => (
|
|
<div
|
|
key={option.key}
|
|
className={classNames(
|
|
option.key === value && s['item-active'],
|
|
itemClass,
|
|
s.item
|
|
)}
|
|
onClick={() => onChange(option.key as DataSet['permission'])}
|
|
>
|
|
<div className={classNames(s['user-icon'], 'mr-3')} />
|
|
<div className='grow text-sm text-gray-900'>{option.text}</div>
|
|
<div className={classNames(radioClass, s.radio)} />
|
|
</div>
|
|
))
|
|
}
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export default PermissionsRadio
|