diff --git a/packages/core/admin/admin/src/pages/InstalledPluginsPage/index.js b/packages/core/admin/admin/src/pages/InstalledPluginsPage/index.js index b1385d0203..c6e12eb2a6 100644 --- a/packages/core/admin/admin/src/pages/InstalledPluginsPage/index.js +++ b/packages/core/admin/admin/src/pages/InstalledPluginsPage/index.js @@ -80,12 +80,40 @@ // }; // export default InstalledPluginsPage; + import React from 'react'; -import { CheckPagePermissions } from '@strapi/helper-plugin'; +import { CheckPagePermissions, NoContent } from '@strapi/helper-plugin'; +import { useIntl } from 'react-intl'; +import { Layout, HeaderLayout, ContentLayout } from '@strapi/parts/Layout'; +import { Main } from '@strapi/parts/Main'; import adminPermissions from '../../permissions'; -export default () => ( - - InstalledPluginsPage - -); +const InstalledPluginsPage = () => { + const { formatMessage } = useIntl(); + + return ( + + +
+ + + + +
+
+
+ ); +}; + +export default InstalledPluginsPage; diff --git a/packages/core/admin/admin/src/pages/MarketplacePage/index.js b/packages/core/admin/admin/src/pages/MarketplacePage/index.js index 6d0444462e..dd13ceb060 100644 --- a/packages/core/admin/admin/src/pages/MarketplacePage/index.js +++ b/packages/core/admin/admin/src/pages/MarketplacePage/index.js @@ -8,6 +8,7 @@ import { // useTracking, // useStrapiApp, CheckPagePermissions, + NoContent, } from '@strapi/helper-plugin'; // import { Header } from '@buffetjs/custom'; // import { useIntl } from 'react-intl'; @@ -17,7 +18,6 @@ import { // import PluginCard from './PluginCard'; // import Wrapper from './Wrapper'; // import MarketplaceBanner from './MarketplaceBanner'; -import adminPermissions from '../../permissions'; // const MarketPlacePage = () => { // const toggleNotification = useNotification(); @@ -115,8 +115,37 @@ import adminPermissions from '../../permissions'; // ); // }; -export default () => ( - - MarketplacePage - -); +import { useIntl } from 'react-intl'; +import { Layout, HeaderLayout, ContentLayout } from '@strapi/parts/Layout'; +import { Main } from '@strapi/parts/Main'; +import adminPermissions from '../../permissions'; + +const MarketPlacePage = () => { + const { formatMessage } = useIntl(); + + return ( + + +
+ + + + +
+
+
+ ); +}; + +export default MarketPlacePage; diff --git a/packages/core/upload/admin/src/pages/App/index.js b/packages/core/upload/admin/src/pages/App/index.js index 766581bb15..ad7a0aaa8d 100644 --- a/packages/core/upload/admin/src/pages/App/index.js +++ b/packages/core/upload/admin/src/pages/App/index.js @@ -1,146 +1,175 @@ -import React, { useState } from 'react'; -import { Redirect } from 'react-router-dom'; +import React from // useState +'react'; +// import { Redirect } from 'react-router-dom'; import { useIntl } from 'react-intl'; -import styled from 'styled-components'; +// import styled from 'styled-components'; import { - LoadingIndicatorPage, - useRBAC, - useFocusWhenNavigate, - NoPermissions, - NoMedia, - AnErrorOccurred, - Search, + // LoadingIndicatorPage, + // useRBAC, + // useFocusWhenNavigate, + // NoPermissions, + // NoMedia, + // AnErrorOccurred, + // Search, + NoContent, } from '@strapi/helper-plugin'; -import { Layout, HeaderLayout, ContentLayout, ActionLayout } from '@strapi/parts/Layout'; +import { + Layout, + HeaderLayout, + ContentLayout, + // ActionLayout +} from '@strapi/parts/Layout'; import { Main } from '@strapi/parts/Main'; -import { Button } from '@strapi/parts/Button'; -import AddIcon from '@strapi/icons/AddIcon'; -import { Box } from '@strapi/parts/Box'; -import { BaseCheckbox } from '@strapi/parts/BaseCheckbox'; -import { UploadAssetDialog } from '../../components/UploadAssetDialog/UploadAssetDialog'; -import { ListView } from './components/ListView'; -import { useAssets } from '../../hooks/useAssets'; +// import { Button } from '@strapi/parts/Button'; +// import AddIcon from '@strapi/icons/AddIcon'; +// import { Box } from '@strapi/parts/Box'; +// import { BaseCheckbox } from '@strapi/parts/BaseCheckbox'; +// import { UploadAssetDialog } from '../../components/UploadAssetDialog/UploadAssetDialog'; +// import { ListView } from './components/ListView'; +// import { useAssets } from '../../hooks/useAssets'; import { getTrad } from '../../utils'; -import pluginPermissions from '../../permissions'; -import { Filters } from './components/Filters'; +// import pluginPermissions from '../../permissions'; +// import { Filters } from './components/Filters'; -const BoxWithHeight = styled(Box)` - height: ${32 / 16}rem; - display: flex; - align-items: center; -`; +// const BoxWithHeight = styled(Box)` +// height: ${32 / 16}rem; +// display: flex; +// align-items: center; +// `; const App = () => { - const state = useRBAC(pluginPermissions); + // const state = useRBAC(pluginPermissions); const { formatMessage } = useIntl(); - const { data, isLoading, error } = useAssets({ - skipWhen: !state.allowedActions.canMain, - }); + // const { data, isLoading, error } = useAssets({ + // skipWhen: !state.allowedActions.canMain, + // }); - const [showUploadAssetDialog, setShowUploadAssetDialog] = useState(false); - const toggleUploadAssetDialog = () => setShowUploadAssetDialog(prev => !prev); + // const [showUploadAssetDialog, setShowUploadAssetDialog] = useState(false); + // const toggleUploadAssetDialog = () => setShowUploadAssetDialog(prev => !prev); - useFocusWhenNavigate(); + // useFocusWhenNavigate(); - const canRead = state.allowedActions.canMain; - const loading = state.isLoading || isLoading; + // const canRead = state.allowedActions.canMain; + // const loading = state.isLoading || isLoading; - if (!loading && !canRead) { - return ; - } + // if (!loading && !canRead) { + // return ; + // } return ( -
+
0 - ? 'header.content.assets-multiple' - : 'header.content.assets.assets-single' - ), - defaultMessage: '0 assets', - }, - { number: data?.length || 0 } - )} - primaryAction={ - - } /> - - - - - - - - } - endActions={ - - } - /> - - {loading && } - {error && } - {!canRead && } - {canRead && data && data.length === 0 && ( - } - onClick={toggleUploadAssetDialog} - > - {formatMessage({ - id: getTrad('modal.header.browse'), - defaultMessage: 'Upload assets', - })} - - } - content={formatMessage({ - id: getTrad('list.assets.empty'), - defaultMessage: 'Upload your first assets...', - })} - /> - )} - {canRead && data && data.length > 0 && } +
- - {showUploadAssetDialog && ( - {}} /> - )} ); + + // return ( + // + //
+ // 0 + // ? 'header.content.assets-multiple' + // : 'header.content.assets.assets-single' + // ), + // defaultMessage: '0 assets', + // }, + // { number: data?.length || 0 } + // )} + // primaryAction={ + // + // } + // /> + + // + // + // + // + // + // + // } + // endActions={ + // + // } + // /> + + // + // {loading && } + // {error && } + // {!canRead && } + // {canRead && data && data.length === 0 && ( + // } + // onClick={toggleUploadAssetDialog} + // > + // {formatMessage({ + // id: getTrad('modal.header.browse'), + // defaultMessage: 'Upload assets', + // })} + // + // } + // content={formatMessage({ + // id: getTrad('list.assets.empty'), + // defaultMessage: 'Upload your first assets...', + // })} + // /> + // )} + // {canRead && data && data.length > 0 && } + // + //
+ + // {showUploadAssetDialog && ( + // {}} /> + // )} + //
+ // ); }; export default App; diff --git a/packages/core/upload/admin/src/pages/App/tests/App.test.js b/packages/core/upload/admin/src/pages/App/tests/App.test.todo.js similarity index 100% rename from packages/core/upload/admin/src/pages/App/tests/App.test.js rename to packages/core/upload/admin/src/pages/App/tests/App.test.todo.js