45 lines
1.2 KiB
TypeScript
45 lines
1.2 KiB
TypeScript
|
|
import React from 'react'
|
|
import { Col, Row } from 'reactstrap';
|
|
import { FakeSelectData } from '../../Layout/app/Const';
|
|
import { useFormikContext } from 'formik';
|
|
|
|
import { DatePicker } from 'antd';
|
|
import ValidationField from '../../Components/ValidationField/ValidationField';
|
|
|
|
function FormStaticInfo({ isDisable = false }: { isDisable?: boolean }) {
|
|
const formik = useFormikContext<any>();
|
|
|
|
const valueTypeArray = [
|
|
{ valueType: "string", id: "string" },
|
|
{ valueType: "image", id: "image" },
|
|
];
|
|
|
|
const valueTypeOptions = valueTypeArray?.map((e: any) => ({
|
|
label: e?.valueType,
|
|
value: e?.id
|
|
}))
|
|
|
|
return (
|
|
<Row xs={1} sm={1} md={1} lg={2} xl={2}>
|
|
<Col>
|
|
{/* name from form utils */}
|
|
<ValidationField name="key" type="text" label='key' isDisabled={isDisable ? true : false} placeholder='placeholder' />
|
|
|
|
</Col>
|
|
<Col>
|
|
<ValidationField name="value_type" option={valueTypeOptions || []} type="Select" label='value_type' placeholder='placeholder' />
|
|
|
|
<ValidationField name="value" type={formik?.values?.value_type == 'image' ? 'File' : 'text'} label='value' placeholder='placeholder' />
|
|
|
|
</Col>
|
|
|
|
|
|
</Row>
|
|
)
|
|
}
|
|
|
|
export default FormStaticInfo
|
|
|
|
|