- random cleanup

Signed-off-by: Dave Richer <dave@imexsystems.ca>

client/src/components/production-list-columns/production-list-columns.date.component.jsx

@@ -56,15 +56,12 @@ export default function ProductionListDate({
                     "production-completion-soon"));
     }
     // TODO - Client Update = Why is the overlay a card?
-  return (
-    <Dropdown
-      trigger={["click"]}
-      onOpenChange={(v) => setOpen(v)}
-      open={open}
-      style={{
-        height: "19px",
-      }}
-      overlay={
+
+    const overlayMenu = {
+        items: [
+            {
+                key: 'overlayItem1',
+                label:
                     <Card style={{padding: "1rem"}} onClick={(e) => e.stopPropagation()}>
                         <FormDatePicker
                             onClick={(e) => e.stopPropagation()}
@@ -87,6 +84,18 @@ export default function ProductionListDate({
                         </Button>
                     </Card>
             }
+        ]
+    }
+
+    return (
+        <Dropdown
+            trigger={["click"]}
+            onOpenChange={(v) => setOpen(v)}
+            open={open}
+            style={{
+                height: "19px",
+            }}
+            menu={overlayMenu}
         >
             <div
                 onClick={() => setOpen(true)}

client/src/components/production-list-columns/production-list-columns.lastcontacted.component.jsx

@@ -89,16 +89,11 @@ export function ProductionLastContacted({ currentUser, record }) {
     }
   }, [open, form, record.date_last_contacted]);
 
-  // TODO - Client Update - Why is this a card?
-  return (
-    <div>
-      <Dropdown
-        //trigger={["click"]}
-        open={open}
-        style={{
-          height: "19px",
-        }}
-        overlay={
+  const overlayMenu = {
+    items: [
+      {
+        key: 'overlay-item-1',
+        label:
             <Card
             style={{ padding: "1rem" }}
             onClick={(e) => e.stopPropagation()}
@@ -130,6 +125,18 @@ export function ProductionLastContacted({ currentUser, record }) {
           </Form>
         </Card>
       }
+    ]
+  }
+
+  return (
+    <div>
+      <Dropdown
+        //trigger={["click"]}
+        open={open}
+        style={{
+          height: "19px",
+        }}
+        menu={overlayMenu}
       >
         <div
           onClick={() => setOpen(true)}