smig/excalidraw
1
0
Fork 0
mirror of https://github.com/excalidraw/excalidraw.git synced 2025-05-03 10:00:07 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

Use open-color directly (#1371)

Browse source
This commit is contained in:
Jed Fox 2020-04-10 18:09:29 -04:00 • committed by GitHub
parent 6d30351164
commit f7e3ee2064
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
27 changed files with 3283 additions and 197 deletions
Download patch file Download diff file Expand all files Collapse all files

11
src/components/ColorPicker.tsx
View file

@ -124,13 +124,14 @@ const Picker = function ({
{colors.map((_color, i) => (
<button
className="color-picker-swatch"
onClick={() => {
onClick={(event) => {
(event.currentTarget as HTMLButtonElement).focus();
onChange(_color);
}}
title={`${_color} — ${keyBindings[i].toUpperCase()}`}
aria-label={_color}
aria-keyshortcuts={keyBindings[i]}
style={{ backgroundColor: _color }}
style={{ color: _color }}
key={_color}
ref={(el) => {
if (el && i === 0) {
@ -250,7 +251,11 @@ export function ColorPicker({
</div>
<React.Suspense fallback="">
{isActive ? (
<Popover onCloseRequest={() => setActive(false)}>
<Popover
onCloseRequest={(event) =>
event.target !== pickerButton.current && setActive(false)
}
>
<Picker
colors={colors[type]}
color={color || null}