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

client/src/components/courtesy-car-status-select/courtesy-car-status-select.component.jsx

@@ -0,0 +1,39 @@
+import React, { useState, useEffect } from "react";
+import { Select } from "antd";
+import { useTranslation } from "react-i18next";
+const { Option } = Select;
+
+const CourtesyCarStatusComponent = ({
+  value = "courtesycars.status.in",
+  onChange
+}) => {
+  const [option, setOption] = useState(value);
+  const { t } = useTranslation();
+
+  useEffect(() => {
+    if (onChange) {
+      onChange(option);
+    }
+  }, [option, onChange]);
+
+  return (
+    <Select
+      value={option}
+      style={{
+        width: 100
+      }}
+      onChange={setOption}
+    >
+      <Option value="courtesycars.status.in">
+        {t("courtesycars.status.in")}
+      </Option>
+      <Option value="courtesycars.status.inservice">
+        {t("courtesycars.status.inservice")}
+      </Option>
+      <Option value="courtesycars.status.out">
+        {t("courtesycars.status.out")}
+      </Option>
+    </Select>
+  );
+};
+export default CourtesyCarStatusComponent;