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) => (
);
+
+export const FileCurlyIcon = (props: IconProps) => (
+
+
+
+
+
+
+);
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={}
+ icon={}
/>
{
return (
}
+ icon={}
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) => {
}
+ icon={}
pos="relative"
onClick={onOpen}
{...props}