BOD-17 Basic creation of a contract functioning.

client/src/components/contract-status-select/contract-status-select.component.jsx

@@ -0,0 +1,33 @@
+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;