github-forks
/
success
mirror of https://github.com/excalidraw/excalidraw.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

feat: update X brand logo & tweak labels (#7518)

Browse Source
pull/7521/head
David Luzar 1 year ago committed by GitHub
parent 43ccc875fb
commit 1cb350b2aa
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 57 additions and 47 deletions
Show Stats Download Patch File Download Diff File

7
packages/excalidraw/components/icons.tsx
Unescape Escape View File

@ -486,10 +486,11 @@ export const DiscordIcon = createIcon(
modifiedTablerIconProps, modifiedTablerIconProps,
); );
export const TwitterIcon = createIcon( export const XBrandIcon = createIcon(
<g strokeWidth="1.25"> <g strokeWidth="1.25">
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path> <path stroke="none" d="M0 0h24v24H0z" fill="none" />
<path d="M22 4.01c-1 .49 -1.98 .689 -3 .99c-1.121 -1.265 -2.783 -1.335 -4.38 -.737s-2.643 2.06 -2.62 3.737v1c-3.245 .083 -6.135 -1.395 -8 -4c0 0 -4.182 7.433 4 11c-1.872 1.247 -3.739 2.088 -6 2c3.308 1.803 6.913 2.423 10.034 1.517c3.58 -1.04 6.522 -3.723 7.651 -7.742a13.84 13.84 0 0 0 .497 -3.753c-.002 -.249 1.51 -2.772 1.818 -4.013z"></path> <path d="M4 4l11.733 16h4.267l-11.733 -16z" />
<path d="M4 20l6.768 -6.768m2.46 -2.46l6.772 -6.772" />
</g>, </g>,
tablerIconProps, tablerIconProps,
); );

56
packages/excalidraw/components/main-menu/DefaultItems.tsx
Unescape Escape View File

@ -17,7 +17,7 @@ import {
TrashIcon, TrashIcon,
usersIcon, usersIcon,
} from "../icons"; } from "../icons";
import { GithubIcon, DiscordIcon, TwitterIcon } from "../icons"; import { GithubIcon, DiscordIcon, XBrandIcon } from "../icons";
import DropdownMenuItem from "../dropdownMenu/DropdownMenuItem"; import DropdownMenuItem from "../dropdownMenu/DropdownMenuItem";
import DropdownMenuItemLink from "../dropdownMenu/DropdownMenuItemLink"; import DropdownMenuItemLink from "../dropdownMenu/DropdownMenuItemLink";
import { import {
@ -241,31 +241,35 @@ export const Export = () => {
}; };
Export.displayName = "Export"; Export.displayName = "Export";
export const Socials = () => ( export const Socials = () => {
<> const { t } = useI18n();
<DropdownMenuItemLink
icon={GithubIcon} return (
href="https://github.com/excalidraw/excalidraw" <>
aria-label="GitHub" <DropdownMenuItemLink
> icon={GithubIcon}
GitHub href="https://github.com/excalidraw/excalidraw"
</DropdownMenuItemLink> aria-label="GitHub"
<DropdownMenuItemLink >
icon={DiscordIcon} GitHub
href="https://discord.gg/UexuTaE" </DropdownMenuItemLink>
aria-label="Discord" <DropdownMenuItemLink
> icon={XBrandIcon}
Discord href="https://x.com/excalidraw"
</DropdownMenuItemLink> aria-label="X"
<DropdownMenuItemLink >
icon={TwitterIcon} {t("labels.followUs")}
href="https://twitter.com/excalidraw" </DropdownMenuItemLink>
aria-label="Twitter" <DropdownMenuItemLink
> icon={DiscordIcon}
Twitter href="https://discord.gg/UexuTaE"
</DropdownMenuItemLink> aria-label="Discord"
</> >
); {t("labels.discordChat")}
</DropdownMenuItemLink>
</>
);
};
Socials.displayName = "Socials"; Socials.displayName = "Socials";
export const LiveCollaborationTrigger = ({ export const LiveCollaborationTrigger = ({

4
packages/excalidraw/locales/en.json
Unescape Escape View File

@ -138,7 +138,9 @@
"removeAllElementsFromFrame": "Remove all elements from frame", "removeAllElementsFromFrame": "Remove all elements from frame",
"eyeDropper": "Pick color from canvas", "eyeDropper": "Pick color from canvas",
"textToDiagram": "Text to diagram", "textToDiagram": "Text to diagram",
"prompt": "Prompt" "prompt": "Prompt",
"followUs": "Follow us",
"discordChat": "Discord chat"
}, },
"library": { "library": {
"noItems": "No items added yet...", "noItems": "No items added yet...",

37
packages/excalidraw/tests/__snapshots__/excalidraw.test.tsx.snap
Unescape Escape View File

@ -387,12 +387,12 @@ exports[`<Excalidraw/> > Test UIOptions prop > Test canvasActions > should rende
</div> </div>
</a> </a>
<a <a
aria-label="Discord" aria-label="X"
class="dropdown-menu-item dropdown-menu-item-base" class="dropdown-menu-item dropdown-menu-item-base"
href="https://discord.gg/UexuTaE" href="https://x.com/excalidraw"
rel="noreferrer" rel="noreferrer"
target="_blank" target="_blank"
title="Discord" title="X"
> >
<div <div
class="dropdown-menu-item__icon" class="dropdown-menu-item__icon"
@ -406,16 +406,22 @@ exports[`<Excalidraw/> > Test UIOptions prop > Test canvasActions > should rende
stroke="currentColor" stroke="currentColor"
stroke-linecap="round" stroke-linecap="round"
stroke-linejoin="round" stroke-linejoin="round"
viewBox="0 0 20 20" stroke-width="2"
viewBox="0 0 24 24"
> >
<g <g
stroke-width="1.25" stroke-width="1.25"
> >
<path <path
d="M7.5 10.833a.833.833 0 1 0 0-1.666.833.833 0 0 0 0 1.666ZM12.5 10.833a.833.833 0 1 0 0-1.666.833.833 0 0 0 0 1.666ZM6.25 6.25c2.917-.833 4.583-.833 7.5 0M5.833 13.75c2.917.833 5.417.833 8.334 0" d="M0 0h24v24H0z"
fill="none"
stroke="none"
/> />
<path <path
d="M12.917 14.167c0 .833 1.25 2.5 1.666 2.5 1.25 0 2.361-1.39 2.917-2.5.556-1.39.417-4.861-1.25-9.584-1.214-.846-2.5-1.116-3.75-1.25l-.833 2.084M7.083 14.167c0 .833-1.13 2.5-1.526 2.5-1.191 0-2.249-1.39-2.778-2.5-.529-1.39-.397-4.861 1.19-9.584 1.157-.846 2.318-1.116 3.531-1.25l.833 2.084" d="M4 4l11.733 16h4.267l-11.733 -16z"
/>
<path
d="M4 20l6.768 -6.768m2.46 -2.46l6.772 -6.772"
/> />
</g> </g>
</svg> </svg>
@ -423,16 +429,16 @@ exports[`<Excalidraw/> > Test UIOptions prop > Test canvasActions > should rende
<div <div
class="dropdown-menu-item__text" class="dropdown-menu-item__text"
> >
Discord Follow us
</div> </div>
</a> </a>
<a <a
aria-label="Twitter" aria-label="Discord"
class="dropdown-menu-item dropdown-menu-item-base" class="dropdown-menu-item dropdown-menu-item-base"
href="https://twitter.com/excalidraw" href="https://discord.gg/UexuTaE"
rel="noreferrer" rel="noreferrer"
target="_blank" target="_blank"
title="Twitter" title="Discord"
> >
<div <div
class="dropdown-menu-item__icon" class="dropdown-menu-item__icon"
@ -446,19 +452,16 @@ exports[`<Excalidraw/> > Test UIOptions prop > Test canvasActions > should rende
stroke="currentColor" stroke="currentColor"
stroke-linecap="round" stroke-linecap="round"
stroke-linejoin="round" stroke-linejoin="round"
stroke-width="2" viewBox="0 0 20 20"
viewBox="0 0 24 24"
> >
<g <g
stroke-width="1.25" stroke-width="1.25"
> >
<path <path
d="M0 0h24v24H0z" d="M7.5 10.833a.833.833 0 1 0 0-1.666.833.833 0 0 0 0 1.666ZM12.5 10.833a.833.833 0 1 0 0-1.666.833.833 0 0 0 0 1.666ZM6.25 6.25c2.917-.833 4.583-.833 7.5 0M5.833 13.75c2.917.833 5.417.833 8.334 0"
fill="none"
stroke="none"
/> />
<path <path
d="M22 4.01c-1 .49 -1.98 .689 -3 .99c-1.121 -1.265 -2.783 -1.335 -4.38 -.737s-2.643 2.06 -2.62 3.737v1c-3.245 .083 -6.135 -1.395 -8 -4c0 0 -4.182 7.433 4 11c-1.872 1.247 -3.739 2.088 -6 2c3.308 1.803 6.913 2.423 10.034 1.517c3.58 -1.04 6.522 -3.723 7.651 -7.742a13.84 13.84 0 0 0 .497 -3.753c-.002 -.249 1.51 -2.772 1.818 -4.013z" d="M12.917 14.167c0 .833 1.25 2.5 1.666 2.5 1.25 0 2.361-1.39 2.917-2.5.556-1.39.417-4.861-1.25-9.584-1.214-.846-2.5-1.116-3.75-1.25l-.833 2.084M7.083 14.167c0 .833-1.13 2.5-1.526 2.5-1.191 0-2.249-1.39-2.778-2.5-.529-1.39-.397-4.861 1.19-9.584 1.157-.846 2.318-1.116 3.531-1.25l.833 2.084"
/> />
</g> </g>
</svg> </svg>
@ -466,7 +469,7 @@ exports[`<Excalidraw/> > Test UIOptions prop > Test canvasActions > should rende
<div <div
class="dropdown-menu-item__text" class="dropdown-menu-item__text"
> >
Twitter Discord chat
</div> </div>
</a> </a>
</div> </div>

Write Preview
Loading…
Cancel
Save