31 lines
993 B
TypeScript
31 lines
993 B
TypeScript
import Tooltip from '@/components/ui/Tooltip'
|
|
import { ROUTES_ENUM } from '@/routes/route.constant'
|
|
import { useLocalization } from '@/utils/hooks/useLocalization'
|
|
import { usePermission } from '@/utils/hooks/usePermission'
|
|
import { FcAssistant, FcHeadset } from 'react-icons/fc'
|
|
import { useNavigate } from 'react-router-dom'
|
|
|
|
const AiAssistant = () => {
|
|
const { translate } = useLocalization()
|
|
const navigate = useNavigate()
|
|
const { checkPermissions } = usePermission()
|
|
|
|
const canViewAi = checkPermissions(['App.AiBot.Asistant'])
|
|
|
|
if (!canViewAi) {
|
|
return null
|
|
}
|
|
|
|
return (
|
|
<Tooltip title={translate('::App.AiBot.Asistant')}>
|
|
<div
|
|
onClick={() => navigate(ROUTES_ENUM.protected.admin.ai)}
|
|
className="flex items-center justify-center text-2xl m-1 rounded-full hover:bg-gray-100 dark:hover:bg-gray-700 cursor-pointer transition-colors duration-200"
|
|
>
|
|
<FcHeadset size={24} />
|
|
</div>
|
|
</Tooltip>
|
|
)
|
|
}
|
|
|
|
export default AiAssistant
|