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

17
src/components/UserList.tsx
View file

@ -1,6 +1,7 @@
import "./UserList.scss";
import React from "react";
import clsx from "clsx";
type UserListProps = {
children: React.ReactNode;
@ -9,15 +10,9 @@ type UserListProps = {
};
export const UserList = ({ children, className, mobile }: UserListProps) => {
let compClassName = "UserList";
if (className) {
compClassName += ` ${className}`;
}
if (mobile) {
compClassName += " UserList_mobile";
}
return <div className={compClassName}>{children}</div>;
return (
<div className={clsx("UserList", className, { UserList_mobile: mobile })}>
{children}
</div>
);
};