fix: path

src/ILLATheme/CommonFooter/constants.tsx

@@ -33,7 +33,7 @@ export const Community: IFootContentItem[] = [
   },
   {
     icon: <LinkedInIcon />,
-    href: "https://www.linkedin.com/company/illacloud/",
+    href: "https://www.linkedin.com/company/illacloud",
     tagCategory: "homepage_footer_linkedin_click",
     label: "LinkedIn",
   },
@@ -45,7 +45,7 @@ const AboutUs: IFootContentItem[] = [
       message: "Status",
       id: "footer.status",
     }),
-    href: "https://status.illacloud.com/",
+    href: "https://status.illacloud.com",
     tagCategory: "homepage_footer_status_click",
   },
   {

src/ILLATheme/CommonFooter/index.tsx

@@ -15,6 +15,7 @@ import Translate, { translate } from "@docusaurus/Translate"
 import { ICommonFooterProps } from "./interface"
 import { useUtmParams } from "@site/src/hooks/useUtmParams"
 import { POLICY, SERVICE } from "@site/src/constants/url"
+import { fixedPath } from "@site/src/utils/fixedPath"
 
 const CommonFooter: FC<ICommonFooterProps> = ({
   whiteTheme = false,
@@ -89,7 +90,7 @@ const CommonFooter: FC<ICommonFooterProps> = ({
                       return (
                         <Link
                           key={label}
-                          to={getUtmParams(href)}
+                          to={getUtmParams(fixedPath(href))}
                           className="hover:no-underline"
                         >
                           {icon ? (

src/ILLATheme/CommonHeader/MobileMenu/menuItem.tsx

@@ -3,11 +3,12 @@ import Link from "@docusaurus/Link"
 import { IMenuItemProps } from "../interface"
 import style from "./index.module.css"
 import { sendTagEvent } from "@site/src/utils/gtag"
+import { fixedPath } from "@site/src/utils/fixedPath"
 
 export const MenuItem: React.FC<IMenuItemProps> = ({ item }) => {
   return (
     <Link
-      to={item.href}
+      to={fixedPath(item.href)}
       className={style.menuItemStyle}
       onClick={() => {
         sendTagEvent({

src/ILLATheme/CommonHeader/SolutionsItem/index.tsx

@@ -7,6 +7,7 @@ import clsx from "clsx"
 import { sendTagEvent } from "@site/src/utils/gtag"
 import { useUtmParams } from "@site/src/hooks/useUtmParams"
 import style from "./index.module.css"
+import { fixedPath } from "@site/src/utils/fixedPath"
 
 export const Solutions: FC<{ whiteTheme: boolean }> = ({ whiteTheme }) => {
   const getUtmParams = useUtmParams()
@@ -59,7 +60,7 @@ export const Solutions: FC<{ whiteTheme: boolean }> = ({ whiteTheme }) => {
               <Menu.Item key={subItem.label}>
                 {() => (
                   <Link
-                    to={getUtmParams(subItem.href)}
+                    to={getUtmParams(fixedPath(subItem.href))}
                     className={clsx(
                       style.basePanelItemContainerStyle,
                       whiteTheme

src/ILLATheme/LandingLayout/ResourceTemplateLayout/index.tsx

@@ -5,6 +5,7 @@ import { LpHeader } from "../../../components/landingPage/Header"
 import styles from "./style.module.css"
 import CommBottom from "../../../components/common/CommBottom"
 import { LpTemplate } from "../../../components/landingPage/Template"
+import { fixedPath } from "@site/src/utils/fixedPath"
 
 const ResourceTemplateLayout: FC<IResourceTemplateLayoutProps> = (props) => {
   const { title, description, headerConfig, footerConfig, schemaData } = props
@@ -26,7 +27,7 @@ const ResourceTemplateLayout: FC<IResourceTemplateLayoutProps> = (props) => {
             leftImage={headerConfig.leftImage}
             isShowBack={headerConfig.isShowBack}
             backText={headerConfig.backText}
-            prevPagePath={headerConfig.prevPagePath}
+            prevPagePath={fixedPath(headerConfig.prevPagePath)}
           />
           <LpTemplate />
         </div>

src/components/blog/FeaturedBlogPostItem/index.js

@@ -3,9 +3,9 @@ import Link from "@docusaurus/Link"
 import { useBlogPost } from "@docusaurus/theme-common/internal"
 import BlogPostItemContainer from "@theme/BlogPostItem/Container"
 import { useUtmParams } from "@site/src/hooks/useUtmParams"
-
 import { Date } from "@site/src/components/blog/common/date"
 import clsx from "clsx"
+import { fixedPath } from "@site/src/utils/fixedPath"
 
 export const FeaturedBlogPostItem = () => {
   const { metadata } = useBlogPost()
@@ -22,9 +22,11 @@ export const FeaturedBlogPostItem = () => {
   const author = metadata.authors[0]
   const getUtmParams = useUtmParams()
 
+  const fixedPermalink = fixedPath(permalink)
+
   return (
     <BlogPostItemContainer>
-      <Link itemProp="url" to={getUtmParams(permalink)}>
+      <Link itemProp="url" to={getUtmParams(fixedPermalink)}>
         <div className="not-prose relative m-0 h-40 hover:brightness-90 md:h-64">
           <img
             src={`${frontMatter.image}?h=256`}
@@ -51,7 +53,7 @@ export const FeaturedBlogPostItem = () => {
                 "rounded",
                 "px-2 py-1",
               )}
-              href={getUtmParams(tag.permalink)}
+              href={getUtmParams(fixedPath(tag.permalink))}
               key={tag.permalink}
             >
               {tag.label}
@@ -61,7 +63,7 @@ export const FeaturedBlogPostItem = () => {
         <div className="mb-2 md:mb-4 2xl:mb-6">
           <Link
             itemProp="url"
-            to={getUtmParams(permalink)}
+            to={getUtmParams(fixedPermalink)}
             className="no-underline hover:no-underline"
             rel="noopener dofollow"
           >

src/components/blog/PostPage/index.js

@@ -18,6 +18,7 @@ import { Date } from "@site/src/components/blog/common/date"
 import { ReadingTime } from "@site/src/components/blog/common/reading-time"
 import { useUtmParams } from "@site/src/hooks/useUtmParams"
 import DiscordAndGithubBanner from "@site/src/components/blog/discord-and-github-banner"
+import { fixedPath } from "@site/src/utils/fixedPath"
 
 export const BlogPostPageView = ({ children }) => {
   const { metadata, isBlogPostPage } = useBlogPost()
@@ -35,6 +36,8 @@ export const BlogPostPageView = ({ children }) => {
   const author = authors[0]
   const getUtmParams = useUtmParams()
 
+  const fixedPermalink = fixedPath(permalink)
+
   const {
     siteConfig: { url },
   } = useDocusaurusContext()
@@ -62,7 +65,7 @@ export const BlogPostPageView = ({ children }) => {
         )}
       >
         <Link
-          to={getUtmParams("/blog")}
+          to={getUtmParams("/blog/")}
           className={clsx("!text-white-04 text-sm no-underline")}
         >
           ← Back to blog
@@ -72,7 +75,7 @@ export const BlogPostPageView = ({ children }) => {
           <TwitterShareButton
             windowWidth={750}
             windowHeight={800}
-            url={url + permalink}
+            url={url + fixedPermalink}
             className="flex"
             title={title}
             hashtags={tags.map((tag) => tag.label)}
@@ -83,13 +86,13 @@ export const BlogPostPageView = ({ children }) => {
             className="flex"
             windowWidth={750}
             windowHeight={600}
-            url={url + permalink}
+            url={url + fixedPermalink}
             title={title}
           >
             <RedditIcon size={26} round />
           </RedditShareButton>
           <LinkedinShareButton
-            url={url + permalink}
+            url={url + fixedPermalink}
             title={title}
             source={url}
             summary={description}
@@ -130,7 +133,7 @@ export const BlogPostPageView = ({ children }) => {
           {isBlogPostPage ? (
             title
           ) : (
-            <Link itemProp="url" to={getUtmParams(permalink)}>
+            <Link itemProp="url" to={getUtmParams(fixedPermalink)}>
               {title}
             </Link>
           )}

src/components/blog/PostPaginator/index.js

@@ -3,6 +3,7 @@ import Link from "@docusaurus/Link"
 import { useUtmParams } from "@site/src/hooks/useUtmParams"
 import { Date } from "@site/src/components/blog/common/date"
 import clsx from "clsx"
+import { fixedPath } from "@site/src/utils/fixedPath"
 
 export const PostPaginator = ({ posts, title }) => {
   const getUtmParams = useUtmParams()
@@ -39,7 +40,7 @@ export const PostPaginator = ({ posts, title }) => {
               )}
             >
               <Link
-                to={getUtmParams(post.permalink)}
+                to={getUtmParams(fixedPath(post.permalink))}
                 rel="dofollow"
                 className={clsx(
                   "font-bold",

src/components/blog/Tags/index.js

@@ -3,6 +3,7 @@ import Link from "@docusaurus/Link"
 import { useBlogPost } from "@docusaurus/theme-common/internal"
 import clsx from "clsx"
 import { useUtmParams } from "@site/src/hooks/useUtmParams"
+import { fixedPath } from "@site/src/utils/fixedPath"
 
 export const Tags = () => {
   const { metadata } = useBlogPost()
@@ -11,7 +12,7 @@ export const Tags = () => {
     <div className="flex flex-wrap gap-2 pb-6 pl-1">
       {metadata.tags.map((tag) => (
         <Link
-          to={getUtmParams(tag.permalink)}
+          to={getUtmParams(fixedPath(tag.permalink))}
           className={clsx(
             "text-xs",
             "bg-gray-100 dark:bg-gray-700",

src/components/landingPage/IndexContent/index.tsx

@@ -5,6 +5,7 @@ import clsx from "clsx"
 import { IContentItemsProps, IIndexContentProps } from "./interface"
 import { LearnMore } from "../LearnMore"
 import { useUtmParams } from "@site/src/hooks/useUtmParams"
+import { fixedPath } from "@site/src/utils/fixedPath"
 
 const ContentItems: FC<IContentItemsProps> = ({ contentList, pageName }) => {
   const getUtmParams = useUtmParams()
@@ -51,7 +52,7 @@ const ContentItems: FC<IContentItemsProps> = ({ contentList, pageName }) => {
             <span className={styles.itemDescription}>{description}</span>
           </div>
           <LearnMore
-            href={getUtmParams(`/${pageName}/${path}`)}
+            href={getUtmParams(fixedPath(`/${pageName}/${path}`))}
             onClick={() => onClick(name)}
           />
         </div>

src/theme/BlogPostItem/index.js

@@ -19,13 +19,15 @@ export default function BlogPostItem({ className }) {
     tags,
   } = metadata
 
+  const fixedPermalink = `${permalink}/`
+
   const author = metadata.authors[0]
   const getUtmParams = useUtmParams()
 
   return (
     <BlogPostItemContainer className={className}>
       <div>
-        <Link itemProp="url" to={getUtmParams(permalink)}>
+        <Link itemProp="url" to={getUtmParams(fixedPermalink)}>
           <div className="not-prose relative m-0 h-40 hover:brightness-90">
             <img
               src={`${frontMatter.image}?h=160`}
@@ -53,7 +55,7 @@ export default function BlogPostItem({ className }) {
                 "rounded",
                 "px-2 py-1",
               )}
-              permalink={tag.permalink}
+              permalink={tag.fixedPermalink}
               key={tag.permalink}
               label={tag.label}
             />
@@ -62,7 +64,7 @@ export default function BlogPostItem({ className }) {
         <div className="mb-2 md:mb-4">
           <Link
             itemProp="url"
-            to={permalink}
+            to={fixedPermalink}
             className="no-underline hover:no-underline"
             rel="noopener dofollow"
           >

src/theme/NavbarItem/LocaleDropdownNavbarItem/index.js

@@ -23,7 +23,7 @@ export default function LocaleDropdownNavbarItem({
     const baseTo = `pathname://${alternatePageUtils.createUrl({
       locale,
       fullyQualified: false,
-    })}`
+    })}/`
     // preserve ?search#hash suffix on locale switches
     const to = `${baseTo}${search}${hash}${queryString}`
 

src/utils/fixedPath.ts

@@ -0,0 +1 @@
+export const fixedPath = (link:string)=> `${link}/`