| 1 |
import { useRouter } from '@help-center/hooks/useRouter'; |
| 2 |
import { AIChatDashboard } from '@help-center/pages/AIChat'; |
| 3 |
import { KnowledgeBaseDashboard } from '@help-center/pages/KnowledgeBase'; |
| 4 |
import { ToursDashboard } from '@help-center/pages/Tours'; |
| 5 |
import { __ } from '@wordpress/i18n'; |
| 6 |
|
| 7 |
export const Dashboard = () => { |
| 8 |
const { navigateTo } = useRouter(); |
| 9 |
return ( |
| 10 |
<div className="mx-auto flex w-full max-w-md flex-col gap-3 rounded-2xl p-4"> |
| 11 |
<KnowledgeBaseDashboard onOpen={() => navigateTo('knowledge-base')} /> |
| 12 |
<ToursDashboard |
| 13 |
onOpen={() => navigateTo('tours')} |
| 14 |
classes="hidden md:block" |
| 15 |
/> |
| 16 |
{window.extSharedData?.showChat && ( |
| 17 |
<AIChatDashboard onOpen={() => navigateTo('ai-chat')} /> |
| 18 |
)} |
| 19 |
</div> |
| 20 |
); |
| 21 |
}; |
| 22 |
|
| 23 |
export const routes = [ |
| 24 |
{ |
| 25 |
slug: 'dashboard', |
| 26 |
title: __('Help Center', 'extendify-local'), |
| 27 |
component: Dashboard, |
| 28 |
}, |
| 29 |
]; |
| 30 |
|
