#49 ぼちぼち

frontend/src/components/TopNav.tsx

@@ -2,7 +2,7 @@ import React, { useState, useEffect } from 'react'
 import { Link, useLocation, useNavigate, useParams } from 'react-router-dom'
 import SettingsDialogue from './SettingsDialogue'
 import { Button } from './ui/button'
-import clsx from 'clsx'
+import { cn } from '@/lib/utils'
 import { WikiIdBus } from '@/lib/eventBus/WikiIdBus'
 
 import type { User } from '@/types'
@@ -33,10 +33,10 @@ const TopNav: React.FC = ({ user, setUser }: Props) => {
                                                title: string
                                                menu?: Menu
                                                base?: string }) => (
-      <Link to={to} className={clsx ('hover:text-orange-500 h-full flex items-center',
-                                     (location.pathname.startsWith (base ?? to)
-                                      ? 'bg-gray-700 px-4 font-bold'
-                                      : 'px-2'))}>
+      <Link to={to} className={cn ('hover:text-orange-500 h-full flex items-center',
+                                   (location.pathname.startsWith (base ?? to)
+                                    ? 'bg-gray-700 px-4 font-bold'
+                                    : 'px-2'))}>
         {title}
       </Link>)