From b13bc55fc8f40f80fbfe5c3e3a1abde3246a00b5 Mon Sep 17 00:00:00 2001
From: crupest <crupest@outlook.com>
Date: Tue, 13 Apr 2021 19:39:31 +0800
Subject: refactor: replace clsx with classnames.

---
 FrontEnd/src/app/views/common/Menu.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

(limited to 'FrontEnd/src/app/views/common/Menu.tsx')

diff --git a/FrontEnd/src/app/views/common/Menu.tsx b/FrontEnd/src/app/views/common/Menu.tsx
index d942d452..a16199a5 100644
--- a/FrontEnd/src/app/views/common/Menu.tsx
+++ b/FrontEnd/src/app/views/common/Menu.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import clsx from "clsx";
+import classnames from "classnames";
 import { OverlayTrigger, OverlayTriggerProps, Popover } from "react-bootstrap";
 import { useTranslation } from "react-i18next";
 
@@ -29,7 +29,7 @@ const Menu: React.FC<MenuProps> = ({ items, className, onItemClicked }) => {
   const { t } = useTranslation();
 
   return (
-    <div className={clsx("cru-menu", className)}>
+    <div className={classnames("cru-menu", className)}>
       {items.map((item, index) => {
         if (item.type === "divider") {
           return <div key={index} className="cru-menu-divider" />;
@@ -37,7 +37,7 @@ const Menu: React.FC<MenuProps> = ({ items, className, onItemClicked }) => {
           return (
             <div
               key={index}
-              className={clsx(
+              className={classnames(
                 "cru-menu-item",
                 `color-${item.color ?? "primary"}`
               )}
@@ -47,7 +47,7 @@ const Menu: React.FC<MenuProps> = ({ items, className, onItemClicked }) => {
               }}
             >
               {item.iconClassName != null ? (
-                <i className={clsx(item.iconClassName, "cru-menu-item-icon")} />
+                <i className={classnames(item.iconClassName, "cru-menu-item-icon")} />
               ) : null}
               {convertI18nText(item.text, t)}
             </div>
-- 
cgit v1.2.3

