From 617365e9f0778d036b2b0486ab8035be5f524db9 Mon Sep 17 00:00:00 2001
From: FalkWolsky <fw@falkwolsky.com>
Date: Tue, 5 Mar 2024 10:44:58 +0100
Subject: [PATCH] Differentiate App URL Locations

---
 client/packages/lowcoder/src/constants/routesURL.ts       | 4 ++++
 .../src/pages/ApplicationV2/MarketplaceResCard.tsx        | 8 ++------
 client/packages/lowcoder/src/util/homeResUtils.tsx        | 4 ++--
 3 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/client/packages/lowcoder/src/constants/routesURL.ts b/client/packages/lowcoder/src/constants/routesURL.ts
index f2f2e7664..adc77006e 100644
--- a/client/packages/lowcoder/src/constants/routesURL.ts
+++ b/client/packages/lowcoder/src/constants/routesURL.ts
@@ -20,6 +20,7 @@ export const PERMISSION_SETTING_DETAIL = `${PERMISSION_SETTING}/:groupId`;
 export const ORGANIZATION_SETTING_DETAIL = `${ORGANIZATION_SETTING}/:orgId`;
 
 export const ALL_APPLICATIONS_URL = "/apps";
+export const APPLICATION_MARKETPLACE_URL = `https://app.lowcoder.cloud/apps`;
 export const MODULE_APPLICATIONS_URL = "/apps/module";
 export const MARKETPLACE_URL = `/marketplace`;
 export const DATASOURCE_URL = `/datasource`;
@@ -48,6 +49,9 @@ export const MARKETPLACE_TYPE_URL = `${MARKETPLACE_URL}/:marketplaceType`;
 export const APPLICATION_VIEW_URL = (appId: string, viewMode: AppViewMode) =>
   `${ALL_APPLICATIONS_URL}/${appId}/${viewMode}`;
 
+export const APPLICATION_MARKETPLACE_VIEW_URL = (appId: string, viewMode: AppViewMode) =>
+`${APPLICATION_MARKETPLACE_URL}/${appId}/${viewMode}`;
+
 export const MARKETPLACE_URL_BY_TYPE = (type: MarketplaceType) =>
   `${MARKETPLACE_URL}/${type}`;
 
diff --git a/client/packages/lowcoder/src/pages/ApplicationV2/MarketplaceResCard.tsx b/client/packages/lowcoder/src/pages/ApplicationV2/MarketplaceResCard.tsx
index 9f3f6881e..f5e524c27 100644
--- a/client/packages/lowcoder/src/pages/ApplicationV2/MarketplaceResCard.tsx
+++ b/client/packages/lowcoder/src/pages/ApplicationV2/MarketplaceResCard.tsx
@@ -164,12 +164,8 @@ export function MarketplaceResCard(props: { res: HomeRes; }) {
         )}
         <CardInfo
           onClick={(e) => {
-            if (checkIsMobile(window.innerWidth)) {
-              history.push(APPLICATION_VIEW_URL(res.id, "view"));
-              return;
-            }
             if(res.isMarketplace) {
-              handleMarketplaceAppViewClick(res.id);
+              handleMarketplaceAppViewClick(res.id , res.isLocalMarketplace);
               return;
             }
           }}
@@ -185,7 +181,7 @@ export function MarketplaceResCard(props: { res: HomeRes; }) {
           }
         </CardInfo>
         <OperationWrapper>
-          <ExecButton onClick={() => handleMarketplaceAppViewClick(res.id)}>
+          <ExecButton onClick={() => handleMarketplaceAppViewClick(res.id, res.isLocalMarketplace)}>
             {trans("view")}
           </ExecButton>
         </OperationWrapper>
diff --git a/client/packages/lowcoder/src/util/homeResUtils.tsx b/client/packages/lowcoder/src/util/homeResUtils.tsx
index 8f7e1dfe8..c1075876b 100644
--- a/client/packages/lowcoder/src/util/homeResUtils.tsx
+++ b/client/packages/lowcoder/src/util/homeResUtils.tsx
@@ -7,7 +7,7 @@ import {
   NavDocIcon,
 } from "lowcoder-design";
 import { HomeResTypeEnum } from "../types/homeRes";
-import { APPLICATION_VIEW_URL, buildFolderUrl } from "../constants/routesURL";
+import { APPLICATION_VIEW_URL, APPLICATION_MARKETPLACE_VIEW_URL, buildFolderUrl } from "../constants/routesURL";
 import history from "./history";
 import { trans } from "../i18n";
 import { FunctionComponent } from "react";
@@ -58,6 +58,6 @@ export const handleAppEditClick = (e: any, id: string): void => {
 
 export const handleAppViewClick = (id: string) => window.open(APPLICATION_VIEW_URL(id, "view"));
 
-export const handleMarketplaceAppViewClick = (id: string) => window.open(APPLICATION_VIEW_URL(id, "view_marketplace"));
+export const handleMarketplaceAppViewClick = (id: string, isLocalMarketplace?: boolean) => isLocalMarketplace == true ? window.open(APPLICATION_VIEW_URL(id, "view_marketplace")) : window.open(APPLICATION_MARKETPLACE_VIEW_URL(id, "view_marketplace"));
 
 export const handleFolderViewClick = (id: string) => history.push(buildFolderUrl(id));