mirror of
https://github.com/yangshun/tech-interview-handbook.git
synced 2025-07-29 21:23:14 +08:00
[resumes][fix] Use clsx instead of classnames function (#324)
This commit is contained in:
@ -1,3 +1,4 @@
|
|||||||
|
import clsx from 'clsx';
|
||||||
import { Fragment, useState } from 'react';
|
import { Fragment, useState } from 'react';
|
||||||
import { Disclosure, Menu, Transition } from '@headlessui/react';
|
import { Disclosure, Menu, Transition } from '@headlessui/react';
|
||||||
import {
|
import {
|
||||||
@ -37,10 +38,6 @@ const filters = [
|
|||||||
},
|
},
|
||||||
];
|
];
|
||||||
|
|
||||||
function classNames(...classes: Array<string>) {
|
|
||||||
return classes.filter(Boolean).join(' ');
|
|
||||||
}
|
|
||||||
|
|
||||||
export default function BrowsePageBody() {
|
export default function BrowsePageBody() {
|
||||||
const [tabsValue, setTabsValue] = useState('all');
|
const [tabsValue, setTabsValue] = useState('all');
|
||||||
const [searchValue, setSearchValue] = useState('');
|
const [searchValue, setSearchValue] = useState('');
|
||||||
@ -112,7 +109,7 @@ export default function BrowsePageBody() {
|
|||||||
<Menu.Item key={option.name}>
|
<Menu.Item key={option.name}>
|
||||||
{({ active }) => (
|
{({ active }) => (
|
||||||
<a
|
<a
|
||||||
className={classNames(
|
className={clsx(
|
||||||
option.current
|
option.current
|
||||||
? 'font-medium text-gray-900'
|
? 'font-medium text-gray-900'
|
||||||
: 'text-gray-500',
|
: 'text-gray-500',
|
||||||
|
Reference in New Issue
Block a user