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

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
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
18 changed files with 108 additions and 72 deletions
Download patch file Download diff file Expand all files Collapse all files

13
src/components/LibraryUnit.tsx
View file

@ -1,4 +1,5 @@
import React, { useRef, useEffect, useState } from "react";
import clsx from "clsx";
import { exportToSvg } from "../scene/export";
import { close } from "../components/icons";
@ -63,16 +64,16 @@ export const LibraryUnit = ({
return (
<div
className={`library-unit ${
elements || pendingElements ? "library-unit__active" : ""
}`}
className={clsx("library-unit", {
"library-unit__active": elements || pendingElements,
})}
onMouseEnter={() => setIsHovered(true)}
onMouseLeave={() => setIsHovered(false)}
>
<div
className={`library-unit__dragger ${
!!pendingElements ? "library-unit__pulse" : ""
}`}
className={clsx("library-unit__dragger", {
"library-unit__pulse": !!pendingElements,
})}
ref={ref}
draggable={!!elements}
onClick={!!elements || !!pendingElements ? onClick : undefined}