diff --git a/invenio_app_rdm/records_ui/templates/semantic-ui/invenio_app_rdm/records/detail.html b/invenio_app_rdm/records_ui/templates/semantic-ui/invenio_app_rdm/records/detail.html index c42d27589..ce7ab3eb7 100644 --- a/invenio_app_rdm/records_ui/templates/semantic-ui/invenio_app_rdm/records/detail.html +++ b/invenio_app_rdm/records_ui/templates/semantic-ui/invenio_app_rdm/records/detail.html @@ -67,8 +67,23 @@ />
- {{ community.metadata.title }} +
+ + {{ community.metadata.title }} + + {% if community.is_verified %} +

+ {% endif %} + {% if community.parent %} + + {% endif %} +
{% if is_community_restricted %} { const PartOfCommunities = () => { @@ -24,6 +25,15 @@ export const DisplayPartOfCommunities = ({ communities }) => { {community.metadata?.title} +   + {community.is_verified && ( + } + content="Verified community" + position="top center" + /> + )} + {index !== communitiesEntries.length - 1 && ", "} ); @@ -32,6 +42,7 @@ export const DisplayPartOfCommunities = ({ communities }) => { ); } }; + return (

{PartOfCommunities()} diff --git a/invenio_app_rdm/theme/assets/semantic-ui/js/invenio_app_rdm/landing_page/RecordCommunitiesList.js b/invenio_app_rdm/theme/assets/semantic-ui/js/invenio_app_rdm/landing_page/RecordCommunitiesList.js index 620c22f58..fc7d02c4a 100644 --- a/invenio_app_rdm/theme/assets/semantic-ui/js/invenio_app_rdm/landing_page/RecordCommunitiesList.js +++ b/invenio_app_rdm/theme/assets/semantic-ui/js/invenio_app_rdm/landing_page/RecordCommunitiesList.js @@ -9,7 +9,16 @@ import _isEmpty from "lodash/isEmpty"; import PropTypes from "prop-types"; import React, { Component } from "react"; import { Image } from "react-invenio-forms"; -import { Item, Message, Popup, Placeholder, Header, Icon } from "semantic-ui-react"; +import { + Grid, + Item, + Message, + Popup, + Placeholder, + Header, + HeaderSubheader, + Icon, +} from "semantic-ui-react"; export class RecordCommunitiesList extends Component { render() { @@ -48,25 +57,45 @@ export class RecordCommunitiesList extends Component { const communityItems = communities ?.slice(0, maxDisplayedCommunities) .map((community) => ( - - - - -

- {community.metadata.title} -
- {community.id === branded && community?.theme && ( -

- } - position="top center" - /> -

- )} - - - + + + + + + + + +
+ {community.metadata.title} + {community.is_verified && ( +

+ + } + position="top center" + /> +

+ )} +
+ {community.parent && ( + + Part of{" "} + + {community.parent.metadata.title} + + + )} +
+
+
+
+
)); Element = (