58e95f76c1
### What problem does this PR solve? feat: change all file names to lowercase #1574 ### Type of change - [x] New Feature (non-breaking change which adds functionality)
38 lines
979 B
TypeScript
38 lines
979 B
TypeScript
import TopNItem from '@/components/top-n-item';
|
|
import { useTranslate } from '@/hooks/common-hooks';
|
|
import { Form, Select } from 'antd';
|
|
import { useMemo } from 'react';
|
|
import { Channel } from '../constant';
|
|
import { IOperatorForm } from '../interface';
|
|
|
|
const DuckDuckGoForm = ({ onValuesChange, form }: IOperatorForm) => {
|
|
const { t } = useTranslate('flow');
|
|
|
|
const options = useMemo(() => {
|
|
return Object.values(Channel).map((x) => ({ value: x, label: t(x) }));
|
|
}, [t]);
|
|
|
|
return (
|
|
<Form
|
|
name="basic"
|
|
labelCol={{ span: 6 }}
|
|
wrapperCol={{ span: 18 }}
|
|
autoComplete="off"
|
|
form={form}
|
|
onValuesChange={onValuesChange}
|
|
>
|
|
<TopNItem initialValue={10}></TopNItem>
|
|
<Form.Item
|
|
label={t('channel')}
|
|
name={'channel'}
|
|
tooltip={t('channelTip')}
|
|
initialValue={'text'}
|
|
>
|
|
<Select options={options}></Select>
|
|
</Form.Item>
|
|
</Form>
|
|
);
|
|
};
|
|
|
|
export default DuckDuckGoForm;
|