diff --git a/packages/console/src/pages/OrganizationTemplate/index.tsx b/packages/console/src/pages/OrganizationTemplate/index.tsx index 05be0360052..d03abdf24e1 100644 --- a/packages/console/src/pages/OrganizationTemplate/index.tsx +++ b/packages/console/src/pages/OrganizationTemplate/index.tsx @@ -1,8 +1,10 @@ import { withAppInsights } from '@logto/app-insights/react/AppInsightsReact'; import classNames from 'classnames'; +import { useState } from 'react'; import { Outlet } from 'react-router-dom'; import Research from '@/assets/icons/research.svg'; +import Drawer from '@/components/Drawer'; import PageMeta from '@/components/PageMeta'; import { OrganizationTemplateTabs, organizationTemplateLink } from '@/consts'; import Button from '@/ds-components/Button'; @@ -12,12 +14,15 @@ import TabNav, { TabNavItem } from '@/ds-components/TabNav'; import useDocumentationUrl from '@/hooks/use-documentation-url'; import * as pageLayout from '@/scss/page-layout.module.scss'; +import Introduction from '../Organizations/Guide/Introduction'; + import * as styles from './index.module.scss'; const basePathname = '/organization-template'; function OrganizationTemplate() { const { getDocumentationUrl } = useDocumentationUrl(); + const [isGuideDrawerOpen, setIsGuideDrawerOpen] = useState(false); return (
@@ -36,9 +41,19 @@ function OrganizationTemplate() { title="application_details.check_guide" type="outline" onClick={() => { - // Todo @xiaoyijun implement guide + setIsGuideDrawerOpen(true); }} /> + { + setIsGuideDrawerOpen(false); + }} + > + +