Fix visible icon button color in ListBlock and ColumnsBlock (#2406)

"secondary" color was changed in #1999.
vivid-planet · Aug 12, 2024 · 6be41b6 · 6be41b6
1 parent 773f62c
commit 6be41b6
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 2 deletions.
diff --git a/.changeset/thirty-melons-speak.md b/.changeset/thirty-melons-speak.md
@@ -0,0 +1,5 @@
+---
+"@comet/blocks-admin": patch
+---
+
+Fix color for visible icon button in `ListBlock` and `ColumnsBlock`
diff --git a/packages/admin/blocks-admin/src/blocks/factories/createColumnsBlock.tsx b/packages/admin/blocks-admin/src/blocks/factories/createColumnsBlock.tsx
@@ -335,7 +335,7 @@ export function createColumnsBlock<T extends BlockInterface>({
                                                                         visibilityButton={
                                                                             <IconButton onClick={() => toggleVisible(column.key)} size="small">
                                                                                 {column.visible ? (
-                                                                                    <Visible color="secondary" />
+                                                                                    <Visible color="success" />
                                                                                 ) : (
                                                                                     <Invisible color="action" />
                                                                                 )}

diff --git a/packages/admin/blocks-admin/src/blocks/factories/createListBlock.tsx b/packages/admin/blocks-admin/src/blocks/factories/createListBlock.tsx
@@ -375,7 +375,7 @@ export function createListBlock<T extends BlockInterface, AdditionalItemFields e
                                                                                     disabled={!canToggleVisibility}
                                                                                 >
                                                                                     {data.visible ? (
-                                                                                        <Visible color="secondary" />
+                                                                                        <Visible color="success" />
                                                                                     ) : (
                                                                                         <Invisible color="action" />
                                                                                     )}