From 89246d96a5515f5ccbb0cc0b6d7e95cd5b127b30 Mon Sep 17 00:00:00 2001
From: Ryan Di <ryan.weihao.di@gmail.com>
Date: Wed, 16 Jul 2025 17:48:56 +1000
Subject: [PATCH] refactor: rename to compactMode

---
 .../excalidraw/components/ColorPicker/ColorPicker.tsx  | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/packages/excalidraw/components/ColorPicker/ColorPicker.tsx b/packages/excalidraw/components/ColorPicker/ColorPicker.tsx
index f886e7df8e..f66e9bd44b 100644
--- a/packages/excalidraw/components/ColorPicker/ColorPicker.tsx
+++ b/packages/excalidraw/components/ColorPicker/ColorPicker.tsx
@@ -67,7 +67,7 @@ interface ColorPickerProps {
   palette?: ColorPaletteCustom | null;
   topPicks?: ColorTuple;
   updateData: (formData?: any) => void;
-  hideTopPicks?: boolean;
+  compactMode?: boolean;
 }
 
 const ColorPickerPopupContent = ({
@@ -225,7 +225,7 @@ export const ColorPicker = ({
   topPicks,
   updateData,
   appState,
-  hideTopPicks = false,
+  compactMode = false,
 }: ColorPickerProps) => {
   return (
     <div>
@@ -233,10 +233,10 @@ export const ColorPicker = ({
         role="dialog"
         aria-modal="true"
         className={clsx("color-picker-container", {
-          "color-picker-container--no-top-picks": hideTopPicks,
+          "color-picker-container--no-top-picks": compactMode,
         })}
       >
-        {!hideTopPicks && (
+        {!compactMode && (
           <TopPicks
             activeColor={color}
             onChange={onChange}
@@ -244,7 +244,7 @@ export const ColorPicker = ({
             topPicks={topPicks}
           />
         )}
-        {!hideTopPicks && <ButtonSeparator />}
+        {!compactMode && <ButtonSeparator />}
         <Popover.Root
           open={appState.openPopup === type}
           onOpenChange={(open) => {