feat(desktop): extract license inactive error handling to middleware (#6582)

* feat(desktop): extract license inactive error handling to middleware

* add  40302

* remove licenseCheckEnabled feature and related code

Author: zjy365

frontend/desktop/data/config.yaml

@@ -19,7 +19,6 @@ common:
   apiEnabled: false
   rechargeEnabled: false
   cfSiteKey: ""
-  licenseCheckEnabled: false
 database:
   mongodbURI: "thisismongodburi"
   globalCockroachdbURI: "thisisglobalcockroachdburi"

frontend/desktop/public/locales/en/common.json

@@ -172,7 +172,6 @@
   "launch_various_third-party_applications_with_one_click": "Launch various third-party applications with one click",
   "legal_person": "Legal Representative",
   "license_buy": "License Buy",
-  "license_required": "License required, please contact administrator",
   "link": "link",
   "link_to_workorder": "Submit a Ticket",
   "loading": "Loading",

frontend/desktop/public/locales/en/error.json

@@ -7,7 +7,7 @@
 	"INTERNAL_SERVER_ERROR": "Internal server error",
 	"INSUFFICENT_BALANCE": "Insufficient balance",
 	"ACCOUNT_NOT_FOUND": "Account not found",
-	"MERGET_USER_INSUFFICENT_BALANCE":"Insufficient balance in the merged account",
+	"MERGET_USER_INSUFFICENT_BALANCE": "Insufficient balance in the merged account",
 	"USER_CR_NOT_FOUND": "User CR not found",
 	"OAUTHPROVIDER_NOT_FOUND": "OAuth provider not found",
 	"PRIVATE_WORKSPACE_NOT_FOUND": "Private workspace not found",
@@ -19,5 +19,7 @@
 	"REMAIN_TEMPLATE": "Remaining templates in current region",
 	"REMAIN_OBJECT_STORAGE": "Remaining object storage in current region",
 	"REMAIN_DATABASE": "Remaining databases in current region",
-	"KUBECONFIG_NOT_FOUND": "Kubeconfig not found"
+	"KUBECONFIG_NOT_FOUND": "Kubeconfig not found",
+	"LICENSE_INACTIVE": "This cluster is not activated or has no valid license. Cannot create workspace/user. Please upload/activate a license in License Management and try again.",
+	"LICENSE_USER_LIMIT_EXCEEDED": "The user limit for the current license has been reached. Cannot create new users/workspaces. Please log in as Admin and upload a license with a higher user quota in License Management, then try again."
 }

frontend/desktop/public/locales/zh/common.json

@@ -167,7 +167,6 @@
   "launch_various_third-party_applications_with_one_click": "一键启动各种第三方应用",
   "legal_person": "法定代表人",
   "license_buy": "License 购买",
-  "license_required": "缺少 license，请联系管理员",
   "link": "链接",
   "link_to_workorder": "提交工单",
   "loading": "加载中",

frontend/desktop/public/locales/zh/error.json

@@ -6,7 +6,7 @@
   "RESULT_SUCCESS": "响应成功",
   "INTERNAL_SERVER_ERROR": "内部服务器错误",
   "INSUFFICENT_BALANCE": "余额不足",
-	"MERGET_USER_INSUFFICENT_BALANCE": "被合并的账户余额不足",
+  "MERGET_USER_INSUFFICENT_BALANCE": "被合并的账户余额不足",
   "ACCOUNT_NOT_FOUND": "未找到账户",
   "USER_CR_NOT_FOUND": "未找到用户CR",
   "OAUTHPROVIDER_NOT_FOUND": "未找到OAuth提供程序",
@@ -19,5 +19,7 @@
   "REMAIN_TEMPLATE": "当前可用区残留模板",
   "REMAIN_OBJECT_STORAGE": "当前可用区残留对象存储",
   "REMAIN_DATABASE": "当前可用区残留数据库",
-  "KUBECONFIG_NOT_FOUND": "未找到Kubeconfig"
+  "KUBECONFIG_NOT_FOUND": "未找到Kubeconfig",
+  "LICENSE_INACTIVE": "当前集群尚未激活或未绑定有效的 License，无法创建空间/用户。请使用 Admin 账号登录，进入【License 管理】页面上传/激活 License 后重试。",
+  "LICENSE_USER_LIMIT_EXCEEDED": "当前 License 的用户数量已达上限，无法创建新用户/空间。请使用 Admin 账号登录，进入【License 管理】页面上传更大额度的 License 后重试。"
 }

frontend/desktop/src/api/platform.ts

@@ -9,7 +9,6 @@ import {
   TNotification
 } from '@/types';
 import { AdClickData } from '@/types/adClick';
-import { LicenseCheckResponse } from '@/types/license';
 import { UserTask } from '@/types/task';
 
 /**
@@ -120,6 +119,3 @@ export const getRunningApps = () => {
     }>
   >('/api/desktop/getRunningApps');
 };
-
-export const checkLicense = () =>
-  request.get<any, ApiResp<LicenseCheckResponse>>('/api/license/check');

frontend/desktop/src/components/AppDock/index.tsx

@@ -2,8 +2,6 @@ import { MoreAppsContext } from '@/pages/index';
 import useAppStore, { AppInfo } from '@/stores/app';
 import { useConfigStore } from '@/stores/config';
 import { useDesktopConfigStore } from '@/stores/desktopConfig';
-import { useLicenseCheck } from '@/hooks/useLicenseCheck';
-import useSessionStore from '@/stores/session';
 import { APPTYPE, TApp } from '@/types';
 import { I18nCommonKey } from '@/types/i18next';
 import { Box, Center, Flex, Image, useBreakpointValue } from '@chakra-ui/react';
@@ -193,14 +191,10 @@ export default function AppDock() {
     findAppInfoById,
     updateOpenedAppInfo
   } = useAppStore();
-  const { layoutConfig, commonConfig } = useConfigStore();
+  const { layoutConfig } = useConfigStore();
   const logo = layoutConfig?.logo;
-  const { isUserLogin } = useSessionStore();
   const moreAppsContent = useContext(MoreAppsContext);
   const { isNavbarVisible, toggleNavbarVisibility, getTransitionValue } = useDesktopConfigStore();
-  const { hasLicense } = useLicenseCheck({
-    enabled: isUserLogin() && !!commonConfig?.licenseCheckEnabled
-  });
   const [isMouseOverDock, setIsMouseOverDock] = useState(false);
   const timeoutRef = useRef<number | null>(null);
   const isSmallScreen = useBreakpointValue({ base: true, sm: false });
@@ -264,19 +258,6 @@ export default function AppDock() {
       return;
     }
 
-    if (commonConfig?.licenseCheckEnabled && hasLicense === false && item.key !== 'user-license') {
-      message({
-        title: t('license_required'),
-        status: 'warning',
-        isClosable: true
-      });
-      const licenseApp = apps.find((app) => app.key === 'user-license');
-      if (licenseApp) {
-        openApp(licenseApp);
-      }
-      return;
-    }
-
     if (item.pid === currentAppPid && item.size !== 'minimize') {
       updateOpenedAppInfo({
         ...item,

frontend/desktop/src/components/desktop_content/apps.tsx

@@ -1,6 +1,5 @@
 import useAppStore from '@/stores/app';
 import { useConfigStore } from '@/stores/config';
-import { useLicenseCheck } from '@/hooks/useLicenseCheck';
 import useSessionStore from '@/stores/session';
 import { TApp, displayType } from '@/types';
 import {
@@ -513,11 +512,7 @@ export default function Apps() {
   const { message } = useMessage();
   const { installedApps, openApp, openDesktopApp } = useAppStore();
   const { appDisplayConfigs, updateAppDisplayType } = useAppDisplayConfigStore();
-  const { layoutConfig, commonConfig } = useConfigStore();
-  const { isUserLogin } = useSessionStore();
-  const { hasLicense } = useLicenseCheck({
-    enabled: isUserLogin() && !!commonConfig?.licenseCheckEnabled
-  });
+  const { layoutConfig } = useConfigStore();
   const [draggedFromFolder, setDraggedFromFolder] = useState(false);
   const [isFolderOpen, setIsFolderOpen] = useState(false);
 
@@ -608,20 +603,6 @@ export default function Apps() {
   const { isDriverActive } = useGuideModalStore();
 
   const handleAppClick = (e: MouseEvent<HTMLDivElement>, item: TApp) => {
-    if (commonConfig?.licenseCheckEnabled && hasLicense === false && item.key !== 'user-license') {
-      message({
-        title: t('license_required'),
-        status: 'warning',
-        isClosable: true
-      });
-      const licenseApp = installedApps.find((app) => app.key === 'user-license');
-      if (licenseApp) {
-        closeFolder();
-        openApp(licenseApp);
-      }
-      return;
-    }
-
     console.log(item, 'item', isDriverActive);
     if (isDriverActive) {
       const guidedElements = [

frontend/desktop/src/components/team/CreateTeam.tsx

@@ -17,6 +17,10 @@ import { useCustomToast } from '@/hooks/useCustomToast';
 import { ApiResp } from '@/types';
 import { useTranslation } from 'next-i18next';
 import { track } from '@sealos/gtm';
+import {
+  LICENSE_INACTIVE_CODE,
+  LICENSE_USER_LIMIT_EXCEEDED_CODE
+} from '@/services/backend/middleware/error';
 
 export default function CreateTeam({ isOpen, onClose }: { isOpen: boolean; onClose: () => void }) {
   const { t } = useTranslation();
@@ -36,7 +40,23 @@ export default function CreateTeam({ isOpen, onClose }: { isOpen: boolean; onClo
         onClose();
       }
     },
-    onError(error) {
+    onError(error: any) {
+      if (error?.code === LICENSE_INACTIVE_CODE) {
+        return toast({
+          description: t('error:LICENSE_INACTIVE'),
+          status: 'error',
+          duration: null,
+          isClosable: true
+        });
+      }
+      if (error?.code === LICENSE_USER_LIMIT_EXCEEDED_CODE) {
+        return toast({
+          description: t('error:LICENSE_USER_LIMIT_EXCEEDED'),
+          status: 'error',
+          duration: null,
+          isClosable: true
+        });
+      }
       toast({ title: (error as ApiResp).message });
     }
   });

frontend/desktop/src/components/v2/Workspace.tsx

@@ -31,6 +31,10 @@ import { SwitchRegionType } from '@/constants/account';
 import { I18nCloudProvidersKey } from '@/types/i18next';
 import { ChevronDownIcon } from '@chakra-ui/icons';
 import { useGuideModalStore } from '@/stores/guideModal';
+import {
+  LICENSE_INACTIVE_CODE,
+  LICENSE_USER_LIMIT_EXCEEDED_CODE
+} from '@/services/backend/middleware/error';
 
 export default function Workspace() {
   const { t } = useTranslation();
@@ -92,8 +96,23 @@ export default function Workspace() {
       }
       await sessionConfig(initRegionTokenResult.data);
       await router.replace('/');
-    } catch (error) {
-      console.error(error);
+    } catch (error: any) {
+      if (error?.code === LICENSE_INACTIVE_CODE) {
+        return toast({
+          description: t('error:LICENSE_INACTIVE'),
+          status: 'error',
+          duration: null,
+          isClosable: true
+        });
+      }
+      if (error?.code === LICENSE_USER_LIMIT_EXCEEDED_CODE) {
+        return toast({
+          description: t('error:LICENSE_USER_LIMIT_EXCEEDED'),
+          status: 'error',
+          duration: null,
+          isClosable: true
+        });
+      }
       toast({
         status: 'error',
         //@ts-ignore