25 lines
590 B
TypeScript
25 lines
590 B
TypeScript
import { PageContainer } from '@ant-design/pro-components';
|
|
import { Access, useAccess } from '@umijs/max';
|
|
import { Button } from 'antd';
|
|
|
|
const AccessPage: React.FC = () => {
|
|
const access = useAccess();
|
|
return (
|
|
<PageContainer
|
|
ghost
|
|
header={{
|
|
title: 'permission example',
|
|
style: {
|
|
paddingInline: 'var(--layout-content-header-inlinepadding)'
|
|
}
|
|
}}
|
|
>
|
|
<Access accessible={access.canSeeAdmin}>
|
|
<Button>Only Admin can see this button</Button>
|
|
</Access>
|
|
</PageContainer>
|
|
);
|
|
};
|
|
|
|
export default AccessPage;
|