CodeCow/typebot.io
1
0
Fork 0
mirror of https://github.com/baptisteArno/typebot.io.git synced 2026-06-19 21:04:33 +08:00
Code Issues Actions 6 Packages Projects Releases Wiki Activity

💄 Update variables button icon

Browse Source
This commit is contained in:
Baptiste Arnaud 2025-01-31 09:24:43 +01:00
parent 09bbe1df41
commit 857beeb9ca
No known key found for this signature in database
4 changed files with 15 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
apps/builder/src/components/icons.tsx
View File

@ -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>
);

5
apps/builder/src/features/blocks/bubbles/textBubble/components/TextEditorToolBar.tsx
View File

@ -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

4
apps/builder/src/features/editor/components/BoardMenuButton.tsx
View File

@ -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"

4
apps/builder/src/features/variables/components/VariablesButton.tsx
View File

@ -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}