NoPermission.tsx30 lines · main
1import { Admonition } from 'ui-patterns/admonition'
2
3interface NoPermissionProps {
4 resourceText: string
5 isFullPage?: boolean
6}
7
8export const NoPermission = ({ resourceText, isFullPage = false }: NoPermissionProps) => {
9 const NoPermissionMessage = () => (
10 <Admonition
11 type="warning"
12 title={`You need additional permissions to ${resourceText}`}
13 description="Contact your organization owner or administrator for assistance."
14 />
15 )
16
17 if (isFullPage) {
18 return (
19 <div className="flex h-full items-center justify-center">
20 <div className="max-w-lg">
21 <NoPermissionMessage />
22 </div>
23 </div>
24 )
25 } else {
26 return <NoPermissionMessage />
27 }
28}
29
30export default NoPermission