Files
bodyshop/client/src/components/contract-status-select/contract-status-select.component.jsx
2020-03-31 12:11:48 -07:00

34 lines
889 B
JavaScript

import React, { useState } from "react";
import { Select } from "antd";
import { useTranslation } from "react-i18next";
const { Option } = Select;
const ContractStatusComponent = ({ value = "", onChange }) => {
const [option, setOption] = useState("contracts.status.new");
const { t } = useTranslation();
const onChangeSelect = newOption => {
setOption(newOption);
if (onChange) {
onChange(newOption);
}
};
return (
<Select
value={option}
style={{
width: 100
}}
onChange={onChangeSelect}
>
<Option value="contracts.status.new">{t("contracts.status.new")}</Option>
<Option value="contracts.status.out">{t("contracts.status.out")}</Option>
<Option value="contracts.status.returned">
{t("contracts.status.returned")}
</Option>
</Select>
);
};
export default ContractStatusComponent;