From 1ba48c6a6f56119bfcf5c345248868b8cf034f22 Mon Sep 17 00:00:00 2001
From: Shobhit-Nagpal <shobhitsnagpal@gmail.com>
Date: Sun, 29 Dec 2024 23:26:22 +0530
Subject: [PATCH] refactor: inline colour picker

---
 .../components/view-params-editor/InlineColourPicker.tsx  | 8 ++------
 1 file changed, 2 insertions(+), 6 deletions(-)

diff --git a/apps/client/src/common/components/view-params-editor/InlineColourPicker.tsx b/apps/client/src/common/components/view-params-editor/InlineColourPicker.tsx
index b3bb7e19dd..43f4e8e9d2 100644
--- a/apps/client/src/common/components/view-params-editor/InlineColourPicker.tsx
+++ b/apps/client/src/common/components/view-params-editor/InlineColourPicker.tsx
@@ -1,6 +1,6 @@
 import { useState } from 'react';
 
-import PopoverPicker from '../input/popover-picker/PopoverPicker';
+import SwatchPicker from '../input/colour-input/SwatchPicker';
 
 import style from './InlineColourPicker.module.scss';
 
@@ -20,13 +20,9 @@ export default function InlineColourPicker(props: InlineColourPickerProps) {
   const { name, value } = props;
   const [colour, setColour] = useState(() => ensureHex(value));
 
-  const debouncedChange = (value: string) => {
-    setColour(value);
-  };
-
   return (
     <div className={style.inline}>
-      <PopoverPicker color={colour} onChange={debouncedChange} />
+      <SwatchPicker color={colour} onChange={setColour} />
       <input type='hidden' name={name} value={colour} />
     </div>
   );