Merge pull request #103 from mateuszsikora/main

Replace classnames with clsx
praveenn77 · Apr 12, 2023 · c45117f · c45117f
2 parents c476634 + 07a7350
commit c45117f
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 15 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -41,7 +41,7 @@
   "license": "MIT",
   "dependencies": {
     "autocomplete.js": "^0.37.0",
-    "classnames": "^2.2.6",
+    "clsx": "^1.2.1",
     "gauge": "^3.0.0",
     "hast-util-select": "^4.0.0",
     "hast-util-to-text": "^2.0.0",

diff --git a/src/theme/SearchBar/index.js b/src/theme/SearchBar/index.js
@@ -6,7 +6,7 @@
  */
 
 import React, { useRef, useCallback, useState } from "react";
-import classnames from "classnames";
+import clsx from "clsx";
 import { useHistory } from "@docusaurus/router";
 import useDocusaurusContext from "@docusaurus/useDocusaurusContext";
 import { usePluginData } from '@docusaurus/useGlobalData';
@@ -90,7 +90,7 @@ const Search = props => {
       <span
         aria-label="expand searchbar"
         role="button"
-        className={classnames("search-icon", {
+        className={clsx("search-icon", {
           "search-icon-hidden": props.isSearchBarExpanded
         })}
         onClick={toggleSearchIconClick}
@@ -102,7 +102,7 @@ const Search = props => {
         type="search"
         placeholder={indexReady ? 'Search' : 'Loading...'}
         aria-label="Search"
-        className={classnames(
+        className={clsx(
           "navbar__search-input",
           { "search-bar-expanded": props.isSearchBarExpanded },
           { "search-bar": !props.isSearchBarExpanded }