From 857beeb9caf29b51cf494a7cdcc68ffaf7e08c95 Mon Sep 17 00:00:00 2001
From: Baptiste Arnaud <baptiste.arnaud95@gmail.com>
Date: Fri, 31 Jan 2025 09:24:43 +0100
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84=20Update=20variables=20button=20ic?=
 =?UTF-8?q?on?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 apps/builder/src/components/icons.tsx                    | 9 +++++++++
 .../bubbles/textBubble/components/TextEditorToolBar.tsx  | 5 ++---
 .../src/features/editor/components/BoardMenuButton.tsx   | 4 ++--
 .../features/variables/components/VariablesButton.tsx    | 4 ++--
 4 files changed, 15 insertions(+), 7 deletions(-)

diff --git a/apps/builder/src/components/icons.tsx b/apps/builder/src/components/icons.tsx
index edf393aa2..1a9b4b6a1 100644
--- a/apps/builder/src/components/icons.tsx
+++ b/apps/builder/src/components/icons.tsx
@@ -710,3 +710,12 @@ export const WalletIcon = (props: IconProps) => (
     <path d="M3 11h3c.8 0 1.6.3 2.1.9l1.1.9c1.6 1.6 4.1 1.6 5.7 0l1.1-.9c.5-.5 1.3-.9 2.1-.9H21" />
   </Icon>
 );
+
+export const FileCurlyIcon = (props: IconProps) => (
+  <Icon viewBox="0 0 24 24" {...featherIconsBaseProps} {...props}>
+    <path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z" />
+    <path d="M14 2v4a2 2 0 0 0 2 2h4" />
+    <path d="M10 12a1 1 0 0 0-1 1v1a1 1 0 0 1-1 1 1 1 0 0 1 1 1v1a1 1 0 0 0 1 1" />
+    <path d="M14 18a1 1 0 0 0 1-1v-1a1 1 0 0 1 1-1 1 1 0 0 1-1-1v-1a1 1 0 0 0-1-1" />
+  </Icon>
+);
diff --git a/apps/builder/src/features/blocks/bubbles/textBubble/components/TextEditorToolBar.tsx b/apps/builder/src/features/blocks/bubbles/textBubble/components/TextEditorToolBar.tsx
index 270d162a9..7f9e2048b 100644
--- a/apps/builder/src/features/blocks/bubbles/textBubble/components/TextEditorToolBar.tsx
+++ b/apps/builder/src/features/blocks/bubbles/textBubble/components/TextEditorToolBar.tsx
@@ -1,10 +1,9 @@
 import {
   BoldIcon,
+  BracesIcon,
   ItalicIcon,
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars
   LinkIcon,
   UnderlineIcon,
-  UserIcon,
 } from "@/components/icons";
 import {
   HStack,
@@ -50,7 +49,7 @@ export const TextEditorToolBar = ({
         aria-label="Insert variable"
         size="sm"
         onMouseDown={handleVariablesButtonMouseDown}
-        icon={<UserIcon />}
+        icon={<BracesIcon />}
       />
       <span data-testid="bold-button">
         <MarkToolbarButton
diff --git a/apps/builder/src/features/editor/components/BoardMenuButton.tsx b/apps/builder/src/features/editor/components/BoardMenuButton.tsx
index 3351eec53..4745e8314 100644
--- a/apps/builder/src/features/editor/components/BoardMenuButton.tsx
+++ b/apps/builder/src/features/editor/components/BoardMenuButton.tsx
@@ -1,8 +1,8 @@
 import assert from "assert";
 import {
   BookIcon,
-  BracesIcon,
   DownloadIcon,
+  FileCurlyIcon,
   MoreVerticalIcon,
   SettingsIcon,
 } from "@/components/icons";
@@ -54,7 +54,7 @@ export const BoardMenuButton = (props: StackProps) => {
   return (
     <HStack rounded="md" spacing="4" {...props}>
       <IconButton
-        icon={<BracesIcon />}
+        icon={<FileCurlyIcon />}
         aria-label="Open variables drawer"
         size="sm"
         shadow="md"
diff --git a/apps/builder/src/features/variables/components/VariablesButton.tsx b/apps/builder/src/features/variables/components/VariablesButton.tsx
index ce8947bc3..d61da8ca0 100644
--- a/apps/builder/src/features/variables/components/VariablesButton.tsx
+++ b/apps/builder/src/features/variables/components/VariablesButton.tsx
@@ -1,4 +1,4 @@
-import { UserIcon } from "@/components/icons";
+import { BracesIcon } from "@/components/icons";
 import { VariableSearchInput } from "@/components/inputs/VariableSearchInput";
 import { useParentModal } from "@/features/graph/providers/ParentModalProvider";
 import { useOutsideClick } from "@/hooks/useOutsideClick";
@@ -40,7 +40,7 @@ export const VariablesButton = ({ onSelectVariable, ...props }: Props) => {
           <Tooltip label={t("variables.button.tooltip")}>
             <IconButton
               aria-label={t("variables.button.tooltip")}
-              icon={<UserIcon />}
+              icon={<BracesIcon />}
               pos="relative"
               onClick={onOpen}
               {...props}