From f8e36e3b5febe589bfe571f725cb717ed5cd96f2 Mon Sep 17 00:00:00 2001
From: Viktor Fomin <viktor.fomin@onlyoffice.com>
Date: Wed, 21 Aug 2024 23:16:41 +0300
Subject: [PATCH] Client: About: add commercial license url

---
 .../client/src/pages/About/AboutContent.js    | 42 +++++++++++++++----
 1 file changed, 34 insertions(+), 8 deletions(-)

diff --git a/packages/client/src/pages/About/AboutContent.js b/packages/client/src/pages/About/AboutContent.js
index eb462d49c1..99cbe948ab 100644
--- a/packages/client/src/pages/About/AboutContent.js
+++ b/packages/client/src/pages/About/AboutContent.js
@@ -100,10 +100,17 @@ const StyledAboutBody = styled.div`
 `;
 
 const AboutContent = (props) => {
-  const { buildVersionInfo, theme, companyInfoSettingsData, previewData } =
-    props;
-  const { t } = useTranslation("About");
-  const license = "AGPL-3.0";
+  const {
+    buildVersionInfo,
+    theme,
+    companyInfoSettingsData,
+    previewData,
+    standalone,
+    licenseUrl,
+  } = props;
+  const { t } = useTranslation(["About", "Common"]);
+  const isCommercial = !standalone;
+  const license = isCommercial ? t("Common:Commercial") : "AGPL-3.0";
   const linkRepo = "https://github.com/ONLYOFFICE/DocSpace";
   const linkDocs = "https://github.com/ONLYOFFICE/DocumentServer";
 
@@ -198,9 +205,25 @@ const AboutContent = (props) => {
           <Text className="row-el" fontSize="13px">
             {t("SoftwareLicense")}:{" "}
           </Text>
-          <Text className="row-el" fontSize="13px" fontWeight="600">
-            &nbsp;{license}
-          </Text>
+          {isCommercial ? (
+            <ColorTheme
+              {...props}
+              tag="a"
+              themeId={ThemeId.Link}
+              className="row-el"
+              fontSize="13px"
+              fontWeight="600"
+              href={licenseUrl}
+              target="_blank"
+              enableUserSelect
+            >
+              &nbsp;{license}
+            </ColorTheme>
+          ) : (
+            <Text className="row-el" fontSize="13px" fontWeight="600">
+              &nbsp;{license}
+            </Text>
+          )}
         </div>
 
         <Text className="copyright" fontSize="14px" fontWeight="600">
@@ -269,10 +292,13 @@ const AboutContent = (props) => {
 };
 
 export default inject(({ settingsStore }) => {
-  const { theme, companyInfoSettingsData } = settingsStore;
+  const { theme, companyInfoSettingsData, standalone, licenseUrl } =
+    settingsStore;
 
   return {
     theme,
     companyInfoSettingsData,
+    standalone,
+    licenseUrl,
   };
 })(observer(AboutContent));