Merge pull request #2089 from milvus-io/mark-1987

update navigator and footer

Author: ThyeeZz

i18n-watcher/changes/header.json

@@ -0,0 +1,7 @@
+{
+  "added": {
+    "tools.claudeContext": "Claude Context"
+  },
+  "modified": {},
+  "deleted": {}
+}

src/components/footer/index.tsx

@@ -12,6 +12,8 @@ import {
   CLOUD_SIGNUP_LINK,
   GITHUB_MILVUS_BACKUP_LINK,
   GITHUB_VTS_LINK,
+  GITHUB_DEEP_SEARCHER_LINK,
+  GITHUB_CLAUDE_CONTEXT_LINK,
 } from '@/consts/links';
 import { RightTopArrowIcon } from '@/components/icons';
 import { SocialMedias, SocialMediasCN } from '../socialMedias';
@@ -100,6 +102,14 @@ const Footer = (props: Props) => {
           name: t('header:footer.tools.vts'),
           to: GITHUB_VTS_LINK,
         },
+        {
+          name: t('header:tools.deepSearcher'),
+          to: GITHUB_DEEP_SEARCHER_LINK,
+        },
+        {
+          name: t('header:tools.claudeContext'),
+          to: GITHUB_CLAUDE_CONTEXT_LINK,
+        },
       ],
     },
     {
@@ -236,7 +246,9 @@ const Footer = (props: Props) => {
                               rel="noopener noreferrer"
                             >
                               {child.name}
-                              {child.isExternal && <RightTopArrowIcon />}
+                              <span className="grow-0 shrink-0 basis-[14px] h-[14px]">
+                                <RightTopArrowIcon />
+                              </span>
                             </a>
                           </li>
                         );

src/components/header/DescktopHeader.tsx

@@ -18,6 +18,7 @@ import {
   GITHUB_DEEP_SEARCHER_LINK,
   DISCORD_INVITE_URL,
   GITHUB_MILVUS_COMMUNITY_LINK,
+  GITHUB_CLAUDE_CONTEXT_LINK,
 } from '@/consts/links';
 import { MILVUS_OFFICE_HOURS_URL } from '@/consts/externalLinks';
 import { LanguageSelector } from '@/components/language-selector';
@@ -112,6 +113,11 @@ export default function DesktopHeader(props: Props) {
           link: GITHUB_DEEP_SEARCHER_LINK,
           rel: 'noopener noreferrer',
         },
+        {
+          label: t('tools.claudeContext'),
+          link: GITHUB_CLAUDE_CONTEXT_LINK,
+          rel: 'noopener noreferrer',
+        },
       ],
     },
     { label: t('blog'), link: getLocalePath('/blog') },

src/components/header/mobileHeader.tsx

@@ -24,6 +24,7 @@ import {
   GITHUB_MILVUS_LINK,
   DISCORD_INVITE_URL,
   GITHUB_MILVUS_COMMUNITY_LINK,
+  GITHUB_CLAUDE_CONTEXT_LINK,
 } from '@/consts/links';
 import { MILVUS_OFFICE_HOURS_URL } from '@/consts/externalLinks';
 import { RightTopArrowIcon } from '../icons';
@@ -204,30 +205,44 @@ export default function MobileHeader(props: {
                       {t('tools.cli')}
                       <RightTopArrowIcon />
                     </a>
-                    <a
+                    <Link
                       href="/tools/sizing"
                       className={classes.externalLinkButton}
                     >
-                      {t('tools.sizing')} <RightTopArrowIcon />
-                    </a>
+                      {t('tools.sizing')}
+                    </Link>
                     <a
                       href={GITHUB_MILVUS_BACKUP_LINK}
                       className={classes.externalLinkButton}
+                      target="_blank"
+                      rel="noopener noreferrer"
                     >
                       {t('tools.backup')} <RightTopArrowIcon />
                     </a>
                     <a
                       href={GITHUB_VTS_LINK}
                       className={classes.externalLinkButton}
+                      target="_blank"
+                      rel="noopener noreferrer"
                     >
                       {t('tools.vts')} <RightTopArrowIcon />
                     </a>
                     <a
                       href={GITHUB_DEEP_SEARCHER_LINK}
                       className={classes.externalLinkButton}
+                      target="_blank"
+                      rel="noopener noreferrer"
                     >
                       {t('tools.deepSearcher')} <RightTopArrowIcon />
                     </a>
+                    <a
+                      href={GITHUB_CLAUDE_CONTEXT_LINK}
+                      className={classes.externalLinkButton}
+                      target="_blank"
+                      rel="noopener noreferrer"
+                    >
+                      {t('tools.claudeContext')} <RightTopArrowIcon />
+                    </a>
                   </List>
                 </Collapse>
 

src/consts/links.ts

@@ -14,6 +14,8 @@ export const GITHUB_ATTU_LINK = 'https://github.com/zilliztech/attu';
 export const GITHUB_VTS_LINK = 'https://github.com/zilliztech/vts';
 export const GITHUB_DEEP_SEARCHER_LINK =
   'https://github.com/zilliztech/deep-searcher';
+export const GITHUB_CLAUDE_CONTEXT_LINK =
+  'https://github.com/zilliztech/claude-context';
 export const GITHUB_MILVUS_CLI_LINK =
   'https://github.com/zilliztech/milvus_cli';
 export const GITHUB_MILVUS_BACKUP_LINK =

src/i18n/en/header.json

@@ -19,7 +19,8 @@
     "sizing": "Sizing Tool",
     "backup": "Milvus Backup",
     "vts": "VTS",
-    "deepSearcher": "Deep Searcher"
+    "deepSearcher": "Deep Searcher",
+    "claudeContext": "Claude Context"
   },
   "blog": "Blog",
   "community": {