@@ -48,6 +58,7 @@ AppCardItem.propTypes = {
type: PropTypes.string.isRequired,
description: PropTypes.string,
images: PropTypes.array,
+ isCoreApp: PropTypes.bool,
}
export default AppCardItem
diff --git a/client/src/pages/Apps/AppCards/AppCardItem/AppCardItem.module.css b/client/src/pages/Apps/AppCards/AppCardItem/AppCardItem.module.css
index 87b723e91..cbe826fd8 100644
--- a/client/src/pages/Apps/AppCards/AppCardItem/AppCardItem.module.css
+++ b/client/src/pages/Apps/AppCards/AppCardItem/AppCardItem.module.css
@@ -17,7 +17,7 @@
.appCardHeader {
display: grid;
- grid-template-columns: 72px auto;
+ grid-template-columns: 72px auto 67px;
grid-gap: var(--spacers-dp12);
}
@@ -50,3 +50,7 @@
font-size: 15px;
line-height: 21px;
}
+
+.coreAppIcon {
+ width: 25px
+}
diff --git a/client/src/pages/Apps/AppCards/AppCards.js b/client/src/pages/Apps/AppCards/AppCards.js
index 4c7818836..888e6793f 100644
--- a/client/src/pages/Apps/AppCards/AppCards.js
+++ b/client/src/pages/Apps/AppCards/AppCards.js
@@ -39,6 +39,7 @@ const AppCards = ({ isLoading, error, apps }) => {
type={app.appType}
description={app.description}
images={app.images}
+ isCoreApp={app.coreApp}
/>
))}
diff --git a/client/src/pages/UserApp/DetailsCard/DetailsCard.js b/client/src/pages/UserApp/DetailsCard/DetailsCard.js
index 31107cf7c..0ac5a2fae 100644
--- a/client/src/pages/UserApp/DetailsCard/DetailsCard.js
+++ b/client/src/pages/UserApp/DetailsCard/DetailsCard.js
@@ -1,4 +1,4 @@
-import { Card, Button, Divider } from '@dhis2/ui'
+import { Card, Button, Divider, Tag } from '@dhis2/ui'
import PropTypes from 'prop-types'
import { useState, useRef } from 'react'
import { Link } from 'react-router-dom'
@@ -92,6 +92,7 @@ const DetailsCard = ({ app, mutate }) => {
{appType}
+ {app.coreApp &&