BOD-16 BOD-17 Added Contract detail pages + custom form components for courtesy cars.

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

@@ -1,18 +1,20 @@
-import React, { useState } from "react";
+import React, { useState, useEffect } 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 ContractStatusComponent = ({
+  value = "contracts.status.new",
+  onChange
+}) => {
+  const [option, setOption] = useState(value);
   const { t } = useTranslation();
 
-  const onChangeSelect = newOption => {
-    setOption(newOption);
+  useEffect(() => {
     if (onChange) {
-      onChange(newOption);
+      onChange(option);
     }
-  };
+  }, [option, onChange]);
 
   return (
     <Select
@@ -20,7 +22,7 @@ const ContractStatusComponent = ({ value = "", onChange }) => {
       style={{
         width: 100
       }}
-      onChange={onChangeSelect}
+      onChange={setOption}
     >
       <Option value="contracts.status.new">{t("contracts.status.new")}</Option>
       <Option value="contracts.status.out">{t("contracts.status.out")}</Option>