gilles/excalidraw
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: convert ArrowheadNoneIcon to component matching arrowhead icon pattern (#10789)

Browse Source
This commit is contained in:
Christopher Tangonan
2026-02-16 22:57:09 -08:00
committed by GitHub
parent ffcb67b21f
commit c1e00c44f5
2 changed files with 16 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/excalidraw/actions/actionProperties.tsx
+1 -1
View File
@@ -1555,7 +1555,7 @@ const getArrowheadOptions = (flip: boolean) => {
value: null, value: null,
text: t("labels.arrowhead_none"), text: t("labels.arrowhead_none"),
keyBinding: "q", keyBinding: "q",
icon: ArrowheadNoneIcon, icon: <ArrowheadNoneIcon flip={flip} />,
}, },
{ {
value: "arrow", value: "arrow",
packages/excalidraw/components/icons.tsx
+15 -7
View File
@@ -1287,13 +1287,21 @@ export const EdgeRoundIcon = createIcon(
tablerIconProps, tablerIconProps,
); );
export const ArrowheadNoneIcon = createIcon( export const ArrowheadNoneIcon = React.memo(
<g stroke="currentColor" opacity={0.3} strokeWidth={2}> ({ flip = false }: { flip?: boolean }) =>
<path d="M12 12l9 0" /> createIcon(
<path d="M3 9l6 6" /> <g
<path d="M3 15l6 -6" /> transform={flip ? "translate(24, 0) scale(-1, 1)" : ""}
</g>, stroke="currentColor"
tablerIconProps, opacity={0.3}
strokeWidth={2}
>
<path d="M12 12l-9 0" />
<path d="M21 9l-6 6" />
<path d="M21 15l-6 -6" />
</g>,
tablerIconProps,
),
); );
export const ArrowheadArrowIcon = React.memo( export const ArrowheadArrowIcon = React.memo(