From 5507c6a9d296953e2819eb8269bddd403619c8df Mon Sep 17 00:00:00 2001
From: Su Yin <53945359+tnsyn@users.noreply.github.com>
Date: Fri, 7 Oct 2022 22:00:37 +0800
Subject: [PATCH] [resumes][fix] Use clsx instead of classnames function (#324)

---
 .../src/components/resumes/browse/BrowsePageBody.tsx       | 7 ++-----
 1 file changed, 2 insertions(+), 5 deletions(-)

diff --git a/apps/portal/src/components/resumes/browse/BrowsePageBody.tsx b/apps/portal/src/components/resumes/browse/BrowsePageBody.tsx
index 85152270..ee28609f 100644
--- a/apps/portal/src/components/resumes/browse/BrowsePageBody.tsx
+++ b/apps/portal/src/components/resumes/browse/BrowsePageBody.tsx
@@ -1,3 +1,4 @@
+import clsx from 'clsx';
 import { Fragment, useState } from 'react';
 import { Disclosure, Menu, Transition } from '@headlessui/react';
 import {
@@ -37,10 +38,6 @@ const filters = [
   },
 ];
 
-function classNames(...classes: Array<string>) {
-  return classes.filter(Boolean).join(' ');
-}
-
 export default function BrowsePageBody() {
   const [tabsValue, setTabsValue] = useState('all');
   const [searchValue, setSearchValue] = useState('');
@@ -112,7 +109,7 @@ export default function BrowsePageBody() {
                         <Menu.Item key={option.name}>
                           {({ active }) => (
                             <a
-                              className={classNames(
+                              className={clsx(
                                 option.current
                                   ? 'font-medium text-gray-900'
                                   : 'text-gray-500',