diff --git a/jam-ui/src/components/page/JKAppLaunch.js b/jam-ui/src/components/page/JKAppLaunch.js index f66196aea..06ff2b56c 100644 --- a/jam-ui/src/components/page/JKAppLaunch.js +++ b/jam-ui/src/components/page/JKAppLaunch.js @@ -7,7 +7,7 @@ import FalconCardHeader from '../common/FalconCardHeader'; const JKCustomUrlSchemaHandle = () => { const [urlScheme, setUrlScheme] = useState(null); const { t } = useTranslation(); - + useEffect(() => { const queryStr = window.location.search; if (!queryStr) return; @@ -32,11 +32,17 @@ const JKCustomUrlSchemaHandle = () => { -
+
{urlScheme && ( -

- If JamKazam app doesn't open automatically, click here. -

+ <> +

+ Click Open JamKazam.app on the dialog shown by the browser.
+ If you don't see the dialog, click Lauhch JamKazam App below. +

+
+ Lauhch JamKazam App +
+ )}
diff --git a/jam-ui/src/helpers/jkCustomUrlScheme.js b/jam-ui/src/helpers/jkCustomUrlScheme.js index 680abdecd..6582b3813 100644 --- a/jam-ui/src/helpers/jkCustomUrlScheme.js +++ b/jam-ui/src/helpers/jkCustomUrlScheme.js @@ -3,7 +3,8 @@ export default (section, queryStr) => { if(queryStr.startsWith('?')) { queryStr = queryStr.substring(1); } - const url = encodeURI(`${process.env.REACT_APP_CLIENT_BASE_URL}/client#/${section}/custom~yes|${queryStr}`); + const { hostname } = new URL(process.env.REACT_APP_CLIENT_BASE_URL); + const url = encodeURI(`${hostname}/client#/${section}/custom~yes|${queryStr}`); const urlScheme = `jamkazam://${url}`; return urlScheme; }; \ No newline at end of file