From c91aa836129f9e4a9cf579a1ee43911db668763f Mon Sep 17 00:00:00 2001
From: Joe Heffernan <interim17@gmail.com>
Date: Wed, 4 Oct 2023 11:21:06 -0700
Subject: [PATCH] fix props

---
 src/components/CheckBoxTree/index.tsx | 21 ++++++++++++++++++---
 src/components/ColorSwatch/index.tsx  | 20 ++++++++++++++------
 2 files changed, 32 insertions(+), 9 deletions(-)

diff --git a/src/components/CheckBoxTree/index.tsx b/src/components/CheckBoxTree/index.tsx
index 15b581aa..3333bf43 100644
--- a/src/components/CheckBoxTree/index.tsx
+++ b/src/components/CheckBoxTree/index.tsx
@@ -7,6 +7,7 @@ import classNames from "classnames";
 
 import {
     ChangeAgentsRenderingStateAction,
+    ColorChangesMap,
     SetVisibleAction,
     VisibilitySelectionMap,
 } from "../../state/selection/types";
@@ -41,7 +42,11 @@ interface CheckBoxTreeProps {
     payloadForSelectAll: VisibilitySelectionMap;
     payloadForSelectNone: VisibilitySelectionMap;
     isSharedCheckboxIndeterminate: boolean;
-    colorInfoForPicker: any; //TODO: type this
+    recentColors: string[]; //TODO: type this;
+    setColorInfoFromPicker: (
+        colorChanges?: ColorChangesMap,
+        recentColors?: string[]
+    ) => void;
 }
 const CHECKBOX_SPAN_NO = 2;
 const LABEL_SPAN_NO = 6;
@@ -216,7 +221,8 @@ class CheckBoxTree extends React.Component<CheckBoxTreeProps> {
             agentsHighlighted,
             treeData,
             agentsChecked,
-            colorInfoForPicker,
+            recentColors,
+            setColorInfoFromPicker,
         } = this.props;
         return treeData.length > 0 ? (
             <div className={styles.container}>
@@ -258,7 +264,10 @@ class CheckBoxTree extends React.Component<CheckBoxTreeProps> {
                                         color={nodeData.color}
                                         agentName={nodeData.title}
                                         tags={this.getAgentTags(nodeData.title)}
-                                        colorInfoForPicker={colorInfoForPicker}
+                                        recentColors={recentColors}
+                                        setColorInfoFromPicker={
+                                            setColorInfoFromPicker
+                                        }
                                     />
                                     <Text
                                         style={{ maxWidth: 143 }}
@@ -332,6 +341,12 @@ class CheckBoxTree extends React.Component<CheckBoxTreeProps> {
                                                         tags={[
                                                             value.value as string,
                                                         ]}
+                                                        recentColors={
+                                                            recentColors
+                                                        }
+                                                        setColorInfoFromPicker={
+                                                            setColorInfoFromPicker
+                                                        }
                                                     />
                                                     <label
                                                         className={
diff --git a/src/components/ColorSwatch/index.tsx b/src/components/ColorSwatch/index.tsx
index f46d41da..24de74fb 100644
--- a/src/components/ColorSwatch/index.tsx
+++ b/src/components/ColorSwatch/index.tsx
@@ -1,14 +1,20 @@
 import * as React from "react";
+import { useState } from "react";
+
+import ColorPicker from "../ColorPicker";
 
 import styles from "./styles.css";
-import ColorPickerPopover from "../ColorPickerPopover";
-import { useState } from "react";
+import { ColorChangesMap } from "../../state/selection/types";
 interface ColorSwatchProps {
     childrenHaveDifferentColors?: boolean;
     color: string;
     agentName: string;
     tags: string[];
-    colorInfoForPicker: any; // TODO: type this
+    recentColors: string[];
+    setColorInfoFromPicker: (
+        colorChanges?: ColorChangesMap,
+        recentColors?: string[]
+    ) => void;
 }
 
 const ColorSwatch = ({
@@ -16,7 +22,8 @@ const ColorSwatch = ({
     color,
     agentName,
     tags,
-    colorInfoForPicker,
+    recentColors,
+    setColorInfoFromPicker,
 }: ColorSwatchProps): JSX.Element => {
     const [isColorPickerVisible, setColorPickerVisible] = useState(false);
     const [initialColor, setInitialColor] = useState(color);
@@ -46,13 +53,14 @@ const ColorSwatch = ({
                     openModal();
                 }}
             />
-            <ColorPickerPopover
+            <ColorPicker
                 agentName={agentName}
                 tags={tags}
                 oldColor={initialColor}
                 isOpen={isColorPickerVisible}
                 closeModal={closeModal}
-                colorInfoForPicker={colorInfoForPicker}
+                recentColors={recentColors}
+                setColorInfoFromPicker={setColorInfoFromPicker}
             />
         </>
     );