feat: implement contributors and last edit date with layouts

Author: wackerow

src/layouts/Docs.tsx

@@ -51,8 +51,6 @@ import { getEditPath } from "@/lib/utils/editPath"
 // Utils
 import { DEFAULT_LOCALE } from "@/lib/constants"
 
-import { useClientSideGitHubLastEdit } from "@/hooks/useClientSideGitHubLastEdit"
-
 const Page = (props: ChildOnlyProp & Pick<FlexProps, "dir">) => (
   <Flex
     direction="column"
@@ -206,6 +204,7 @@ type DocsLayoutProps = Pick<
   | "lastUpdatedDate"
   | "crowdinContributors"
   | "contentNotTranslated"
+  | "contributors"
 > &
   Required<Pick<MdPageContent, "lastUpdatedDate">> &
   ChildOnlyProp & {
@@ -220,14 +219,15 @@ export const DocsLayout = ({
   lastUpdatedDate,
   crowdinContributors,
   contentNotTranslated,
+  contributors,
 }: DocsLayoutProps) => {
   const isPageIncomplete = !!frontmatter.incomplete
   const { asPath: relativePath } = useRouter()
   const absoluteEditPath = getEditPath(relativePath)
 
-  const gitHubLastEdit = useClientSideGitHubLastEdit(relativePath)
-  const intlLastEdit =
-    "data" in gitHubLastEdit ? gitHubLastEdit.data : lastUpdatedDate
+  const gitHubLastEdit = contributors[0]?.date
+  const intlLastEdit = gitHubLastEdit || lastUpdatedDate
+
   const useGitHubContributors =
     frontmatter.lang === DEFAULT_LOCALE || crowdinContributors.length === 0
 
@@ -245,8 +245,8 @@ export const DocsLayout = ({
           <H1 id="top">{frontmatter.title}</H1>
           {useGitHubContributors ? (
             <GitHubContributors
-              relativePath={relativePath}
               lastUpdatedDate={lastUpdatedDate}
+              contributors={contributors}
             />
           ) : (
             <CrowdinContributors

src/layouts/Tutorial.tsx

@@ -43,8 +43,6 @@ import { getEditPath } from "@/lib/utils/editPath"
 
 import { DEFAULT_LOCALE } from "@/lib/constants"
 
-import { useClientSideGitHubLastEdit } from "@/hooks/useClientSideGitHubLastEdit"
-
 type ContentContainerProps = Pick<BoxProps, "children" | "dir">
 
 const ContentContainer = (props: ContentContainerProps) => {
@@ -161,7 +159,7 @@ export const tutorialsComponents = {
 type TutorialLayoutProps = ChildOnlyProp &
   Pick<
     MdPageContent,
-    "tocItems" | "crowdinContributors" | "contentNotTranslated"
+    "tocItems" | "crowdinContributors" | "contentNotTranslated" | "contributors"
   > &
   Required<Pick<MdPageContent, "lastUpdatedDate">> & {
     frontmatter: TutorialFrontmatter
@@ -176,14 +174,15 @@ export const TutorialLayout = ({
   lastUpdatedDate,
   crowdinContributors,
   contentNotTranslated,
+  contributors,
 }: TutorialLayoutProps) => {
   const { asPath: relativePath } = useRouter()
   const absoluteEditPath = getEditPath(relativePath)
 
   const borderColor = useToken("colors", "border")
-  const gitHubLastEdit = useClientSideGitHubLastEdit(relativePath)
-  const intlLastEdit =
-    "data" in gitHubLastEdit ? gitHubLastEdit.data! : lastUpdatedDate
+  const gitHubLastEdit = contributors[0]?.date
+  const intlLastEdit = gitHubLastEdit || lastUpdatedDate
+
   const useGitHubContributors =
     frontmatter.lang === DEFAULT_LOCALE || crowdinContributors.length === 0
 
@@ -209,7 +208,7 @@ export const TutorialLayout = ({
           {children}
           {useGitHubContributors ? (
             <GitHubContributors
-              relativePath={relativePath}
+              contributors={contributors}
               lastUpdatedDate={lastUpdatedDate}
             />
           ) : (