Adding Better News, Enterprise Form and Translations

lowcoder-org · FalkWolsky · Jun 17, 2025 · Jun 3, 2025 · Jun 3, 2025 · Jun 3, 2025
commit 49b9126acdf8357c9906a67cf843ba944b24eb84
diff --git a/client/packages/lowcoder-design/src/icons/index.tsx b/client/packages/lowcoder-design/src/icons/index.tsx
@@ -255,7 +255,7 @@ export { ReactComponent as RecyclerIcon } from "./remix/delete-bin-line.svg";
 export { ReactComponent as MarketplaceIcon } from "./v1/icon-application-marketplace.svg";
 export { ReactComponent as FavoritesIcon } from "./v1/icon-application-favorites.svg";
 export { ReactComponent as HomeSettingIcon } from "./remix/settings-4-line.svg";
-export { ReactComponent as EnterpriseIcon } from "./remix/earth-line.svg";
+export { ReactComponent as EnterpriseIcon } from "./remix/shield-star-line.svg";
 export { ReactComponent as VerticalIcon } from "./remix/vertical.svg";
 export { ReactComponent as HorizontalIcon } from "./remix/horizontal.svg";
 

diff --git a/client/packages/lowcoder/src/api/newsApi.ts b/client/packages/lowcoder/src/api/newsApi.ts
@@ -132,7 +132,7 @@ export const getHubspotContent = async () => {
   };
   try {
     const result = await NewsApi.secureRequest(apiBody);
-    return result?.data[0]?.hubspot?.length > 0 ? result.data[0].hubspot as any[] : [];
+    return result?.data[0]?.results?.length > 0 ? result.data[0].results as any[] : [];
   } catch (error) {
     console.error("Error getting news:", error);
     throw error;

diff --git a/client/packages/lowcoder/src/i18n/locales/de.ts b/client/packages/lowcoder/src/i18n/locales/de.ts
@@ -2458,8 +2458,10 @@ export const de = {
 "usageLogDevices": "Gerät/OS Aufschlüsselung",
 "usageLogBrowsers": "Browser/Layout Engine Aufschlüsselung",
 "premiumFeaturesNotice": "Alle Premium Features sind in der Enterprise Edition von Lowcoder verfügbar.",
+"readMoreNotice" : "Erfahren Sie mehr über die Enterprise Edition und wie Sie sie ganz einfach installieren können.",
+"readMoreButton": "Details zur Enterprise Edition",
 "requestLicense": "Lizenzen für die Enterprise Edition anfordern",
-"requestLicensesBtton": "Request Enterprise Access",
+"requestLicensesBtton": "Enterprise Edition anfragen",
 "AuditLogsTitle": "Audit Logs",
 "AuditLogsIntroTitle": "Leistungsstarker Einblick in die Aktivitäten Ihres Arbeitsbereichs",
 "AuditLogsIntro1": "Mithilfe von Audit-Protokollen können Administratoren genau verfolgen, was auf der gesamten Lowcoder-Plattform passiert. Von Benutzeranmeldungen bis hin zu App-Änderungen wird jede relevante Aktion erfasst und gespeichert.",

diff --git a/client/packages/lowcoder/src/i18n/locales/en.ts b/client/packages/lowcoder/src/i18n/locales/en.ts
@@ -2449,8 +2449,10 @@ export const en = {
     "usageLogDevices" : "Device/OS Breakdown",
     "usageLogBrowsers" : "Browser/Layout Engine Breakdown",
     "premiumFeaturesNotice" : "All Premium Features are avilable in the Enterprise Edition of Lowcoder.",
+    "readMoreNotice" : "Learn more about the Enterprise Edition and how to install it easily.",
+    "readMoreButton" : "Enterprise Edition Details",
     "requestLicense" : "Request Enterprise Edition Licenses",
-    "requestLicensesBtton" : "Request Enterprise Access",
+    "requestLicensesBtton" : "Unlock Enterprise Features",
     "AuditLogsTitle": "Audit Logs",
     "AuditLogsIntroTitle": "Powerful visibility into your workspace activity",
     "AuditLogsIntro1": "Audit Logs enable administrators to track exactly what happens across the entire Lowcoder platform. From user sign-ins to app modifications, every relevant action is captured and stored.",

diff --git a/client/packages/lowcoder/src/i18n/locales/es.ts b/client/packages/lowcoder/src/i18n/locales/es.ts
@@ -2458,6 +2458,8 @@ export const es = {
 "usageLogDevices": "Desglose de dispositivos/OS",
 "usageLogBrowsers": "Desglose del navegador/motor de diseño",
 "premiumFeaturesNotice": "Todas las características Premium están disponibles en la Edición Enterprise de Lowcoder.",
+"readMoreNotice" : "Conozca más sobre la edición Enterprise y cómo instalarla fácilmente.",
+"readMoreButton": "Detalles de la edición Enterprise",
 "requestLicense": "Solicitar licencias de Enterprise Edition",
 "requestLicensesBtton": "Solicitar acceso para empresas",
 "AuditLogsTitle": "Registros de auditoría",

diff --git a/client/packages/lowcoder/src/i18n/locales/it.ts b/client/packages/lowcoder/src/i18n/locales/it.ts
@@ -2458,6 +2458,8 @@ export const it = {
 "usageLogDevices": "Ripartizione dispositivi/OS",
 "usageLogBrowsers": "Browser/Motore di layout",
 "premiumFeaturesNotice": "Tutte le funzioni Premium sono disponibili nell'edizione Enterprise di Lowcoder.",
+"readMoreNotice" : "Scopri di più sulla versione Enterprise e su come installarla facilmente.",
+"readMoreButton": "Dettagli dell'edizione Enterprise",
 "requestLicense": "Richiesta di licenze Enterprise Edition",
 "requestLicensesBtton": "Richiesta di accesso aziendale",
 "AuditLogsTitle": "Registri di controllo",

diff --git a/client/packages/lowcoder/src/i18n/locales/pt.ts b/client/packages/lowcoder/src/i18n/locales/pt.ts
@@ -2458,6 +2458,8 @@ export const pt = {
 "usageLogDevices": "Discriminação por dispositivo/SO",
 "usageLogBrowsers": "Navegador/motor de apresentação",
 "premiumFeaturesNotice": "Todas as funcionalidades Premium estão disponíveis na Enterprise Edition do Lowcoder.",
+"readMoreNotice" : "Saiba mais sobre a edição Enterprise e como instalá-la com facilidade.",
+"readMoreButton": "Detalhes da edição Enterprise",
 "requestLicense": "Solicitar licenças da Enterprise Edition",
 "requestLicensesBtton": "Pedir acesso à empresa",
 "AuditLogsTitle": "Registos de auditoria",

diff --git a/client/packages/lowcoder/src/i18n/locales/ru.ts b/client/packages/lowcoder/src/i18n/locales/ru.ts
@@ -2458,6 +2458,8 @@ export const ru = {
 "usageLogDevices": "Разбивка по устройствам/ОС",
 "usageLogBrowsers": "Разбивка браузера/программного обеспечения",
 "premiumFeaturesNotice": "Все премиум-функции доступны в корпоративной версии Lowcoder.",
+"readMoreNotice" : "Узнайте больше о версии Enterprise и о том, как легко её установить.",
+"readMoreButton": "Подробности о версии Enterprise",
 "requestLicense": "Запрос лицензий Enterprise Edition",
 "requestLicensesBtton": "Запрос доступа к предприятию",
 "AuditLogsTitle": "Журналы аудита",

diff --git a/client/packages/lowcoder/src/i18n/locales/zh.ts b/client/packages/lowcoder/src/i18n/locales/zh.ts
@@ -2459,6 +2459,8 @@ export const zh = {
   "usageLogDevices": "设备/操作系统明细",
   "usageLogBrowsers": "浏览器/布局引擎细分",
   "premiumFeaturesNotice": "Lowcoder 企业版可提供所有高级功能。",
+  "readMoreNotice" : "了解有关企业版的更多信息，以及如何轻松安装它。",
+  "readMoreButton": "企业版详情",
   "requestLicense": "申请企业版许可证",
   "requestLicensesBtton": "申请企业访问权限",
   "AuditLogsTitle": "审计日志",

diff --git a/client/packages/lowcoder/src/pages/ApplicationV2/NewsLayout.tsx b/client/packages/lowcoder/src/pages/ApplicationV2/NewsLayout.tsx
@@ -98,8 +98,6 @@ export function NewsLayout() {
       .catch(err => console.error("Failed to load news:", err));
   }, []);
 
-  console.log(youTubeData);
-
   return (
     <Wrapper>
       <HeaderWrapper></HeaderWrapper>
@@ -110,6 +108,69 @@ export function NewsLayout() {
             <h1 style={{color: "#ffffff", marginTop : "12px"}}>Lowcoder {trans("home.news")}</h1>
           </StyleNewsCover>
           <Card style={{ marginBottom: "20px", minHeight : "800px" }}>
+
+          <SectionTitle level={2}>📝 Latest Blog Posts</SectionTitle>
+            <Row gutter={[16, 16]}>
+              {hubspotData?.map((item: { htmlTitle: any; publishDate: any; postSummary: any; url: any; featuredImage: any; metaDescription: any; }, idx: any) => {
+                const {
+                  htmlTitle,
+                  publishDate,
+                  postSummary,
+                  url,
+                  featuredImage,
+                  metaDescription,
+                } = item;
+
+                const summaryHtml = postSummary || metaDescription || "";
+                const coverImage = featuredImage || "https://placehold.co/600x400?text=Lowcoder+Blog";
+
+                // Strip HTML to plain text
+                const stripHtml = (html: string): string => {
+                  const div = document.createElement("div");
+                  div.innerHTML = html;
+                  return div.textContent || div.innerText || "";
+                };
+
+                const plainSummary = stripHtml(summaryHtml);
+
+                return (
+                  <Col xs={24} sm={12} md={12} lg={8} key={`blog-${idx}`}>
+                    <Card
+                      hoverable
+                      cover={
+                        <a href={url} target="_blank" rel="noreferrer">
+                          <CardImage src={coverImage} alt={htmlTitle} />
+                        </a>
+                      }
+                    >
+                      <Card.Meta
+                        title={
+                          <a href={url} target="_blank" rel="noreferrer">
+                            {htmlTitle}
+                          </a>
+                        }
+                        description={
+                          <>
+                            <Paragraph type="secondary" style={{ marginBottom: 4 }}>
+                              {new Date(publishDate).toLocaleDateString()}
+                            </Paragraph>
+                            <Paragraph
+                              ellipsis={{ rows: 4 }}
+                              type="secondary"
+                              style={{ fontSize: "13px" }}
+                            >
+                              {plainSummary}
+                            </Paragraph>
+                          </>
+                        }
+                      />
+                    </Card>
+                  </Col>
+                );
+              })}
+            </Row>
+
+            <Divider />
 
             <SectionTitle level={2}>📺 Latest YouTube Videos
             <Paragraph type="secondary" style={{ marginBottom: 0, marginTop: 4 }}>
@@ -173,17 +234,7 @@ export function NewsLayout() {
 
             <Divider />
 
-            <SectionTitle level={2}>📝 Latest Blog Posts</SectionTitle>
-            <Row gutter={[16, 16]}>
-              {hubspotData.length === 0 && (
-                <Col span={24}>
-                  <Paragraph>No blog posts available at the moment.</Paragraph>
-                </Col>
-              )}
-
-            </Row> 
 
-            <Divider />
 
           </Card>  
 

diff --git a/client/packages/lowcoder/src/pages/ApplicationV2/index.tsx b/client/packages/lowcoder/src/pages/ApplicationV2/index.tsx
@@ -11,6 +11,7 @@ import {
   NEWS_URL,
   ORG_HOME_URL,
   SUBSCRIPTION_SETTING,
+  ENVIRONMENT_SETTING,
 } from "constants/routesURL";
 import { getUser, isFetchingUser } from "redux/selectors/usersSelectors";
 import { useDispatch, useSelector } from "react-redux";
@@ -231,6 +232,20 @@ export default function ApplicationHome() {
                   }
                 ]
               },
+              {
+                items: [
+                  {
+                    text: <TabLabel>{trans("environments.detail_enterpriseEdition")}</TabLabel>,
+                    routePath: ENVIRONMENT_SETTING,
+                    routeComp: Setting,
+                    routePathExact: false,
+                    icon: ({ selected, ...otherProps }) => <EnterpriseIcon {...otherProps} width={"24px"} />,
+                    mobileVisible: true,
+                    visible: () => !isLicenseActive,
+                    style: { color: "#ff6f3c" },
+                  }
+                ]
+              },
 
               {
                 items: [

diff --git a/client/packages/lowcoder/src/pages/setting/appUsage/index.tsx b/client/packages/lowcoder/src/pages/setting/appUsage/index.tsx
@@ -55,6 +55,7 @@ const AppUsageDoc = () => {
 const user = useSelector(getUser);
 const deploymentId = useSelector(getDeploymentId);
 const dispatch = useDispatch();
+const isLowCoderDomain = window.location.hostname === 'app.lowcoder.cloud';
 
 const apiUsage = useSelector(getOrgApiUsage);
   useEffect(() => {
@@ -122,12 +123,6 @@ const apiUsage = useSelector(getOrgApiUsage);
         </Card>
       </StyledSection>
 
-      <StyledSection>
-        <Card title={trans("enterprise.yourDeploymentID")}>
-          <Paragraph><h3>{deploymentId}</h3></Paragraph>
-        </Card>
-      </StyledSection>
-
       <StyledSection>
         <Card title={trans("enterprise.PricingTitle")}>
           <Paragraph>{trans("enterprise.PricingIntro")}</Paragraph>

diff --git a/client/packages/lowcoder/src/pages/setting/audit/index.tsx b/client/packages/lowcoder/src/pages/setting/audit/index.tsx
@@ -54,7 +54,8 @@ const Audit = () => {
   const user = useSelector(getUser);
   const deploymentId = useSelector(getDeploymentId);
   const dispatch = useDispatch();
-
+  const isLowCoderDomain = window.location.hostname === 'app.lowcoder.cloud';
+
   const apiUsage = useSelector(getOrgApiUsage);
     useEffect(() => {
       dispatch(fetchAPIUsageAction(user.currentOrgId));
@@ -162,12 +163,6 @@ const Audit = () => {
         </Card>
       </StyledSection>
 
-      <StyledSection>
-        <Card title={trans("enterprise.yourDeploymentID")}>
-          <Paragraph><h3>{deploymentId}</h3></Paragraph>
-        </Card>
-      </StyledSection>
-
       <StyledSection>
         <Card title={trans("enterprise.PricingTitle")}>
           <Paragraph>{trans("enterprise.PricingIntro")}</Paragraph>

diff --git a/client/packages/lowcoder/src/pages/setting/branding/index.tsx b/client/packages/lowcoder/src/pages/setting/branding/index.tsx
@@ -45,6 +45,7 @@ const BrandingPromo = () => {
   const user = useSelector(getUser);
   const deploymentId = useSelector(getDeploymentId);
   const dispatch = useDispatch();
+  const isLowCoderDomain = window.location.hostname === 'app.lowcoder.cloud';
 
   const apiUsage = useSelector(getOrgApiUsage);
     useEffect(() => {
@@ -152,12 +153,6 @@ const BrandingPromo = () => {
           <Paragraph>{trans("enterprise.BrandingWhatsNewIntro")}</Paragraph>
         </Card>
       </StyledSection>
-
-      <StyledSection>
-        <Card title={trans("enterprise.yourDeploymentID")}>
-          <Paragraph><h3>{deploymentId}</h3></Paragraph>
-        </Card>
-      </StyledSection>
 
       <StyledSection>
         <Card title={trans("enterprise.PricingTitle")}>

diff --git a/client/packages/lowcoder/src/pages/setting/environments/index.tsx b/client/packages/lowcoder/src/pages/setting/environments/index.tsx
@@ -44,6 +44,7 @@ const EnvironmentsPromo = () => {
   const [modalOpen, setModalOpen] = useState(false);
   const user = useSelector(getUser);
   const deploymentId = useSelector(getDeploymentId);
+  const isLowCoderDomain = window.location.hostname === 'app.lowcoder.cloud';
 
   const dispatch = useDispatch();
 
@@ -129,11 +130,11 @@ const EnvironmentsPromo = () => {
         </Card>
       </StyledSection>
 
-      <StyledSection>
+      {!isLowCoderDomain && <StyledSection>
         <Card title={trans("enterprise.yourDeploymentID")}>
           <Paragraph><h3>{deploymentId}</h3></Paragraph>
         </Card>
-      </StyledSection>
+      </StyledSection> }
 
       <StyledSection>
         <Card title={trans("enterprise.PricingTitle")}>

diff --git a/client/packages/lowcoder/src/pages/setting/hubspotModal.tsx b/client/packages/lowcoder/src/pages/setting/hubspotModal.tsx
@@ -41,6 +41,9 @@ interface Props {
 }
 
 export function HubspotModal({ open, onClose, orgId, deploymentIds }: Props) {
+
+  const isLowCoderDomain = typeof window !== "undefined" && window.location.hostname === "app.lowcoder.cloud";
+
   useEffect(() => {
     if (!open) return;
 
@@ -96,21 +99,25 @@ export function HubspotModal({ open, onClose, orgId, deploymentIds }: Props) {
             </Paragraph>
             <Paragraph copyable>{orgId}</Paragraph>
 
-            <Paragraph strong>
-              <Text>Deployment IDs:</Text>
-            </Paragraph>
+
+            { !isLowCoderDomain && 
+            <>
+              <Paragraph strong>
+                <Text>Deployment IDs:</Text>
+              </Paragraph>
+              <Space direction="vertical" style={{ width: "100%" }}>
+                  {deploymentIds.length === 0 ? (
+                    <Text type="secondary">No deployments found.</Text>
+                  ) : (
+                    deploymentIds.map((id, idx) => (
+                      <Paragraph key={idx} copyable style={{ marginBottom: 4 }}>
+                        {id}
+                      </Paragraph>
+                    ))
+                  )}
+              </Space></>
+            }
 
-            <Space direction="vertical" style={{ width: "100%" }}>
-              {deploymentIds.length === 0 ? (
-                <Text type="secondary">No deployments found.</Text>
-              ) : (
-                deploymentIds.map((id, idx) => (
-                  <Paragraph key={idx} copyable style={{ marginBottom: 4 }}>
-                    {id}
-                  </Paragraph>
-                ))
-              )}
-            </Space>
           </Typography>
         </Card>
 

diff --git a/client/packages/lowcoder/src/pages/setting/settingHome.tsx b/client/packages/lowcoder/src/pages/setting/settingHome.tsx
@@ -165,9 +165,31 @@ export function SettingHome() {
               <div style={{ marginBottom: 12 }}>
                 {trans("enterprise.premiumFeaturesNotice")}
               </div>
-              <Button type="primary" onClick={() => setHubspotVisible(true)}>
+              <Button
+                type="primary"
+                style={{ backgroundColor: "#ff6f3c", borderColor: "#ff6f3c" }}
+                onClick={() => setHubspotVisible(true)}
+              >
                 {trans("enterprise.requestLicensesBtton")}
               </Button>
+
+              <div style={{ margin: "12px 0" }}>
+                {trans("enterprise.readMoreNotice")}
+              </div>
+
+              <Button
+                type="default"
+                onClick={() =>
+                  window.open(
+                    "https://docs.lowcoder.cloud/lowcoder-documentation/setup-and-run/lowcoder-enterprise-edition",
+                    "_blank",
+                    "noopener"
+                  )
+                }
+              >
+                {trans("enterprise.readMoreButton")}
+              </Button>
+
             </Card>
           )}
         </SubSideBar>