Add No permissions view

Signed-off-by: soupette <cyril@strapi.io>

packages/core/admin/admin/src/content-manager/pages/App/index.js

@@ -12,6 +12,7 @@ import ModelsContext from '../../contexts/ModelsContext';
 import CollectionTypeRecursivePath from '../CollectionTypeRecursivePath';
 import ComponentSettingsView from '../ComponentSetttingsView';
 import NoContentType from '../NoContentType';
+import NoPermissions from '../NoPermissions';
 import SingleTypeRecursivePath from '../SingleTypeRecursivePath';
 import LeftMenu from './LeftMenu';
 import useModels from './useModels';
@@ -78,11 +79,9 @@ const App = () => {
           />
           <Route path="/content-manager/singleType/:slug" component={SingleTypeRecursivePath} />
 
-          {/* These pages must be defined */}
+          <Route path="/content-manager/403">
-          <Route
+            <NoPermissions />
-            path="/content-manager/403"
+          </Route>
-            render={() => <div>TBD No rights to see the content types</div>}
-          />
           <Route path="/content-manager/no-content-types">
             <NoContentType />
           </Route>

packages/core/admin/admin/src/content-manager/pages/NoPermissions/index.js

@@ -0,0 +1,28 @@
+import React from 'react';
+import { CustomContentLayout, useFocusWhenNavigate } from '@strapi/helper-plugin';
+import { Main } from '@strapi/parts/Main';
+import { HeaderLayout } from '@strapi/parts/Layout';
+import { useIntl } from 'react-intl';
+import { getTrad } from '../../utils';
+
+const NoPermissions = () => {
+  const { formatMessage } = useIntl();
+  useFocusWhenNavigate();
+
+  return (
+    <Main labelledBy="title">
+      <HeaderLayout
+        id="title"
+        title={formatMessage({
+          id: getTrad('header.name'),
+          defaultMessage: 'Content',
+        })}
+      />
+      <CustomContentLayout canRead={false}>
+        <div />
+      </CustomContentLayout>
+    </Main>
+  );
+};
+
+export default NoPermissions;