sambruk/excalidraw
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add and use clsx (classnames alternative) (#2249)

Browse Source 
Co-authored-by: David Luzar <luzar.david@gmail.com>
This commit is contained in:
Danila
2020-10-19 17:14:28 +03:00
committed by GitHub
parent 1484c5a63b
commit b50c54f855
18 changed files with 108 additions and 72 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/components/LockIcon.tsx
View File

@ -1,6 +1,7 @@
import "./ToolIcon.scss";
import React from "react";
import clsx from "clsx";
type LockIconSize = "s" | "m";
@ -41,13 +42,15 @@ const ICONS = {
};
export const LockIcon = (props: LockIconProps) => {
const sizeCn = `ToolIcon_size_${props.size || DEFAULT_SIZE}`;
return (
<label
className={`ToolIcon ToolIcon__lock ToolIcon_type_floating ${sizeCn} zen-mode-visibility ${
props.zenModeEnabled ? "zen-mode-visibility--hidden" : ""
}`}
className={clsx(
"ToolIcon ToolIcon__lock ToolIcon_type_floating zen-mode-visibility",
`ToolIcon_size_${props.size || DEFAULT_SIZE}`,
{
"zen-mode-visibility--hidden": props.zenModeEnabled,
},
)}
title={`${props.title} — Q`}
>
<input