diff --git a/i18n/en.pot b/i18n/en.pot index f21a7c9..55e778c 100644 --- a/i18n/en.pot +++ b/i18n/en.pot @@ -5,8 +5,8 @@ msgstr "" "Content-Type: text/plain; charset=utf-8\n" "Content-Transfer-Encoding: 8bit\n" "Plural-Forms: nplurals=2; plural=(n != 1)\n" -"POT-Creation-Date: 2024-09-26T12:27:51.211Z\n" -"PO-Revision-Date: 2024-09-26T12:27:51.211Z\n" +"POT-Creation-Date: 2024-10-29T11:22:33.823Z\n" +"PO-Revision-Date: 2024-10-29T11:22:33.823Z\n" msgid "" "Your session has expired. Please refresh the page and login before trying " @@ -33,6 +33,9 @@ msgstr "First published {{relativeTime}}" msgid "by {{- developer}}" msgstr "by {{- developer}}" +msgid "Open" +msgstr "Open" + msgid "About this app" msgstr "About this app" diff --git a/src/components/AppDetails/AppDetails.js b/src/components/AppDetails/AppDetails.js index a447c42..dd12c0f 100644 --- a/src/components/AppDetails/AppDetails.js +++ b/src/components/AppDetails/AppDetails.js @@ -1,5 +1,5 @@ import i18n from '@dhis2/d2-i18n' -import { Card, Divider } from '@dhis2/ui' +import { Button, Card, Divider } from '@dhis2/ui' import moment from 'moment' import PropTypes from 'prop-types' import React, { useState } from 'react' @@ -122,6 +122,19 @@ export const AppDetails = ({ )} +
+ {installedApp?.launchUrl && ( + + + + )} +
diff --git a/src/components/AppDetails/AppDetails.module.css b/src/components/AppDetails/AppDetails.module.css index b1739fe..fbbfae1 100644 --- a/src/components/AppDetails/AppDetails.module.css +++ b/src/components/AppDetails/AppDetails.module.css @@ -9,7 +9,7 @@ .header { display: grid; - grid-template-columns: 72px auto; + grid-template-columns: min-content auto min-content; grid-gap: var(--spacers-dp16); align-items: center; line-height: 24px; @@ -44,7 +44,7 @@ .mainSection { display: grid; grid-gap: var(--spacers-dp24); - grid-template-columns: 60% auto; + grid-template-columns: auto max-content; } .manageInstalledVersion { @@ -127,3 +127,8 @@ .downloadLink { text-decoration: none; } + +.openLink::after { + content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAQElEQVR42qXKwQkAIAxDUUdxtO6/RBQkQZvSi8I/pL4BoGw/XPkh4XigPmsUgh0626AjRsgxHTkUThsG2T/sIlzdTsp52kSS1wAAAABJRU5ErkJggg==); + margin: 0px 3px 0px 5px; +} \ No newline at end of file diff --git a/src/components/AppDetails/ManageInstalledVersion.js b/src/components/AppDetails/ManageInstalledVersion.js index 3f65f78..7a4b614 100644 --- a/src/components/AppDetails/ManageInstalledVersion.js +++ b/src/components/AppDetails/ManageInstalledVersion.js @@ -96,11 +96,11 @@ export const ManageInstalledVersion = ({ return (
{!hasCompatibleVersions && ( - <> +
{i18n.t('There are no compatible versions available.')} - +
)} {hasCompatibleVersions && canInstall && ( <> @@ -122,7 +122,7 @@ export const ManageInstalledVersion = ({ )} {canUninstall && ( -