import { observer } from "mobx-react-lite"; // hooks import { Button } from "@plane/ui"; import { PageHead } from "components/core"; import { WorkspaceSettingHeader } from "components/headers"; import { EUserWorkspaceRoles } from "constants/workspace"; import { useUser, useWorkspace } from "hooks/store"; // layouts import { AppLayout } from "layouts/app-layout"; import { WorkspaceSettingLayout } from "layouts/settings-layout"; // component // ui // types import { NextPageWithLayout } from "lib/types"; // constants const BillingSettingsPage: NextPageWithLayout = observer(() => { // store hooks const { membership: { currentWorkspaceRole }, } = useUser(); const { currentWorkspace } = useWorkspace(); // derived values const isAdmin = currentWorkspaceRole === EUserWorkspaceRoles.ADMIN; const pageTitle = currentWorkspace?.name ? `${currentWorkspace.name} - Billing & Plans` : undefined; if (!isAdmin) return ( <>

You are not authorized to access this page.

); return ( <>

Billing & Plans

Current plan

You are currently using the free plan

); }); BillingSettingsPage.getLayout = function getLayout(page: React.ReactElement) { return ( }> {page} ); }; export default BillingSettingsPage;