diff --git a/frontend/src/components/wiki-card-view/wiki-card-group.js b/frontend/src/components/wiki-card-view/wiki-card-group.js index 87919556f9..e73225668f 100644 --- a/frontend/src/components/wiki-card-view/wiki-card-group.js +++ b/frontend/src/components/wiki-card-view/wiki-card-group.js @@ -18,6 +18,7 @@ const propTypes = { toggleAddWikiDialog: PropTypes.func, sidePanelRate: PropTypes.number, isSidePanelFolded: PropTypes.bool, + noItemsTip: PropTypes.string, }; class WikiCardGroup extends Component { @@ -51,7 +52,7 @@ class WikiCardGroup extends Component { }; render() { - const { wikis, title, isDepartment, toggleAddWikiDialog, group } = this.props; + const { wikis, title, isDepartment, toggleAddWikiDialog, group, noItemsTip } = this.props; const containerWidth = this.getContainerWidth(); const numberOfWiki = Math.floor(containerWidth / 180); const grids = (Math.floor((containerWidth - (numberOfWiki + 1) * 16) / numberOfWiki) + 'px ').repeat(numberOfWiki); @@ -67,6 +68,9 @@ class WikiCardGroup extends Component { {title} + {(wikis.length === 0 && noItemsTip) && +
{noItemsTip}
+ }
{wikis.map((wiki, index) => { return (isGroup ? diff --git a/frontend/src/components/wiki-card-view/wiki-card-view.css b/frontend/src/components/wiki-card-view/wiki-card-view.css index de4e51a762..d5c630b6da 100644 --- a/frontend/src/components/wiki-card-view/wiki-card-view.css +++ b/frontend/src/components/wiki-card-view/wiki-card-view.css @@ -2,6 +2,11 @@ margin: 16px 0 10px; } +.wiki-card-group .wiki-card-group-no-tip { + color: #666; + text-align: center; +} + .wiki-card-group-items { display: grid; gap: 16px 16px; diff --git a/frontend/src/components/wiki-card-view/wiki-card-view.js b/frontend/src/components/wiki-card-view/wiki-card-view.js index 8ac2e969d1..ee66fb6f43 100644 --- a/frontend/src/components/wiki-card-view/wiki-card-view.js +++ b/frontend/src/components/wiki-card-view/wiki-card-view.js @@ -104,6 +104,7 @@ class WikiCardView extends Component { sidePanelRate={sidePanelRate} isSidePanelFolded={isSidePanelFolded} toggleAddWikiDialog={null} + noItemsTip={gettext('No shared Wikis')} /> ); for (let i = 0; i < groupWikis.length; i++) {