fix oss file name && docs footer (#4220)

docs/4.0/code.json

@@ -633,5 +633,8 @@
   },
   "Pricing": {
     "message": "价格"
+  },
+  "A cloud operating system based on the Kubernetes kernel": {
+    "message": "以 Kubernetes 为内核的云操作系统"
   }
 }

docs/website/docusaurus.config.js

@@ -9,7 +9,7 @@ const config = {
   baseUrl: "/",
   onBrokenLinks: "warn",
   onBrokenMarkdownLinks: "warn",
-  favicon: "img/sealos.ico",
+  favicon: "img/favicon.ico",
 
   // GitHub pages deployment config.
   // If you aren't using GitHub pages, you don't need these.

docs/website/i18n/zh-Hans/docusaurus-theme-classic/footer.json

@@ -24,7 +24,7 @@
     "description": "The title of the footer links column with title=Labring in the footer"
   },
   "link.item.label.Company": {
-    "message": "Company",
+    "message": "关于我们",
     "description": "The label of footer link with label=Company linking to /company"
   },
   "link.item.label.Laf FaaS": {
@@ -52,15 +52,15 @@
     "description": "The label of footer link with label=Blog linking to /blog"
   },
   "link.title.Product": {
-    "message": "Product",
+    "message": "产品",
     "description": "The title of the footer links column with title=Product in the footer"
   },
   "link.title.Developer": {
-    "message": "Developer",
+    "message": "开发者",
     "description": "The title of the footer links column with title=Developer in the footer"
   },
   "link.title.Support": {
-    "message": "Support",
+    "message": "支持",
     "description": "The title of the footer links column with title=Support in the footer"
   },
   "link.item.label.Laf": {
@@ -76,23 +76,23 @@
     "description": "The label of footer link with label=FastGPT linking to https://github.com/labring/FastGPT"
   },
   "link.item.label.Contribute": {
-    "message": "Contribute",
+    "message": "参与贡献",
     "description": "The label of footer link with label=Contribute linking to https://github.com/labring/sealos/blob/main/CONTRIBUTING.md"
   },
   "link.item.label.Documentation": {
-    "message": "Documentation",
+    "message": "文档中心",
     "description": "The label of footer link with label=Documentation linking to /docs/Intro"
   },
   "link.item.label.Forum": {
-    "message": "Forum",
+    "message": "中文论坛",
     "description": "The label of footer link with label=Forum linking to https://forum.laf.run/"
   },
   "link.item.label.Feedback": {
-    "message": "Feedback",
+    "message": "问题反馈",
     "description": "The label of footer link with label=Feedback linking to https://github.com/labring/sealos/issues"
   },
   "link.item.label.Contact US": {
-    "message": "Contact US",
+    "message": "咨询合作",
     "description": "The label of footer link with label=Contact US linking to https://fael3z0zfze.feishu.cn/share/base/form/shrcnesSfEK65JZaAf2W6Fwz6Ad"
   }
-}
+}

docs/website/src/pages/components/Footer/index.tsx

@@ -1,45 +1,46 @@
-import Link from '@docusaurus/Link'
-import useDocusaurusContext from '@docusaurus/useDocusaurusContext'
-import DeveloperIcon from '@site/static/icons/developer.svg'
-import DiscordIcon from '@site/static/icons/discord.svg'
-import GithubIcon from '@site/static/icons/github.svg'
-import LogoIcon from '@site/static/icons/logo.svg'
-import React, { useMemo } from 'react'
-import './index.scss'
+import Link from '@docusaurus/Link';
+import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
+import DeveloperIcon from '@site/static/icons/developer.svg';
+import DiscordIcon from '@site/static/icons/discord.svg';
+import GithubIcon from '@site/static/icons/github.svg';
+import LogoIcon from '@site/static/icons/logo.svg';
+import React, { useMemo } from 'react';
+import './index.scss';
+import Translate from '@docusaurus/Translate';
 interface ItemType {
-  title: string
-  items: { label: string; to: string }[]
+  title: string;
+  items: { label: string; to: string }[];
 }
 
 const Footer = ({ isPc }: { isPc: boolean }) => {
   const {
     siteConfig: {
       themeConfig: {
         // @ts-ignore nextline
-        footer: { links },
-      },
-    },
-  } = useDocusaurusContext()
+        footer: { links }
+      }
+    }
+  } = useDocusaurusContext();
 
-  const listData = useMemo<ItemType[]>(() => links, [])
+  const listData = useMemo<ItemType[]>(() => links, []);
 
   const FooterLinks = [
     {
       key: 'github',
       label: <GithubIcon width={20} height={20} />,
-      to: 'https://github.com/labring/sealos',
+      to: 'https://github.com/labring/sealos'
     },
     {
       key: 'discord',
       label: <DiscordIcon width={20} height={20} />,
-      to: 'https://discord.com/invite/qzBmGGZGk7',
+      to: 'https://discord.com/invite/qzBmGGZGk7'
     },
     {
       key: 'commit',
       label: <DeveloperIcon width={20} height={20} />,
-      to: 'https://forum.laf.run/',
-    },
-  ]
+      to: 'https://forum.laf.run/'
+    }
+  ];
 
   if (!isPc) {
     return (
@@ -57,7 +58,7 @@ const Footer = ({ isPc }: { isPc: boolean }) => {
               <span className="footer-title">Sealos</span>
             </div>
             <div className="footer-aid-text">
-              a cloud operating system based on the Kubernetes kernel
+              <Translate>A cloud operating system based on the Kubernetes kernel</Translate>
             </div>
           </div>
           <div className="footer-right">
@@ -75,23 +76,24 @@ const Footer = ({ isPc }: { isPc: boolean }) => {
         </div>
         <div className="footer-bottom-wrap">
           <div className="footer-bottom">
-          <div className="footer-bottom-text">
-            Made by Sealos Team. <Link to={"https://beian.miit.gov.cn/"}>粤ICP备2023048773号</Link>&nbsp;
-            珠海环界云计算有限公司版权所有
-          </div>
+            <div className="footer-bottom-text">
+              Made by Sealos Team.{' '}
+              <Link to={'https://beian.miit.gov.cn/'}>粤ICP备2023048773号</Link>&nbsp;
+              珠海环界云计算有限公司版权所有
+            </div>
             <div className="link">
               {FooterLinks.map((item) => {
                 return (
                   <Link key={item.key} className="community-logo" to={item.to}>
                     {item.label}
                   </Link>
-                )
+                );
               })}
             </div>
           </div>
         </div>
       </div>
-    )
+    );
   }
 
   return (
@@ -109,7 +111,7 @@ const Footer = ({ isPc }: { isPc: boolean }) => {
             <span className="footer-title">Sealos</span>
           </div>
           <div className="footer-aid-text">
-            A cloud operating system based on the Kubernetes kernel
+            <Translate>A cloud operating system based on the Kubernetes kernel</Translate>
           </div>
         </div>
         <div className="footer-right">
@@ -128,22 +130,22 @@ const Footer = ({ isPc }: { isPc: boolean }) => {
       <div className="footer-bottom-wrap">
         <div className="footer-bottom">
           <div className="footer-bottom-text">
-            Made by Sealos Team. <Link to={"https://beian.miit.gov.cn/"}>粤ICP备2023048773号</Link>&nbsp;
-            珠海环界云计算有限公司版权所有
+            Made by Sealos Team. <Link to={'https://beian.miit.gov.cn/'}>粤ICP备2023048773号</Link>
+            &nbsp; 珠海环界云计算有限公司版权所有
           </div>
           <div className="link">
             {FooterLinks.map((item) => {
               return (
                 <Link key={item.key} className="community-logo" to={item.to}>
                   {item.label}
                 </Link>
-              )
+              );
             })}
           </div>
         </div>
       </div>
     </div>
-  )
-}
+  );
+};
 
-export default React.memo(Footer)
+export default React.memo(Footer);

service/license/src/pages/cluster/components/Tutorial.tsx

@@ -194,7 +194,7 @@ export default function Tutorial({
             <Box mt="12px" fontSize={'14px'} fontWeight={400}>
               Sealos 需要使用证书来保证通信安全，默认在您不提供证书的情况下我们会使用
               <Link href="https://cert-manager.io/docs/" color={'#219BF4'} px="4px">
-                cret-manager
+                cert-manager
               </Link>
               来自动签发证书。
             </Box>
@@ -254,7 +254,10 @@ export default function Tutorial({
               <Text mt="24px" fontSize={'16px'} fontWeight={600} mb="12px">
                 服务器上下载
               </Text>
-              <CodeBlock language="bash" code={`wget '${ossLink}' -O ${ossFileName}`}></CodeBlock>
+              <CodeBlock
+                language="bash"
+                code={`wget '${ossLink}' -O ${fileNameParams}`}
+              ></CodeBlock>
               <Divider my="20px" />
               <Text mt="12px" fontSize={'16px'} fontWeight={600} mb="12px">
                 部署集群

service/license/src/pages/pricing/components/Product.tsx

@@ -272,9 +272,11 @@ export default function Product() {
   }, []);
 
   return (
-    <Box flex={1} overflow={'scroll'} backgroundColor="#f2f5f7">
+    <>
       <Flex
-        // minW={'1280px'}
+        flex={1}
+        backgroundColor="#f2f5f7"
+        overflowY={'scroll'}
         flexWrap={'wrap'}
         h="100%"
         pt="30px"
@@ -351,7 +353,6 @@ export default function Product() {
             onClick={() => handleProductByType(ClusterType.Enterprise)}
           >
             购买
-            {/* {t('Buy')} */}
           </Button>
         </ServicePackage>
         <ServicePackage items={contect}>
@@ -360,7 +361,6 @@ export default function Product() {
           </Text>
           <Text mt="32px" color={'#24282C'} fontSize={'24px'} fontWeight={600} w="200px">
             适合大规模集群与大型企业客户
-            {/* Suitable for large-scale clusters and large enterprise customers */}
           </Text>
           <Button
             mt="42px"
@@ -370,12 +370,10 @@ export default function Product() {
             fontWeight={600}
             onClick={() => handleProductByType(ClusterType.Contact)}
           >
-            {/* {t('Contact Us')} */}
             联系我们
           </Button>
         </ServicePackage>
       </Flex>
-
       <Modal isOpen={isOpen} onClose={onClosePayment} closeOnOverlayClick={false}>
         <ModalOverlay />
         <ModalContent>
@@ -464,6 +462,6 @@ export default function Product() {
           )}
         </ModalContent>
       </Modal>
-    </Box>
+    </>
   );
 }