change requests

Author: corwintines

src/pages/developers/tutorials.tsx

@@ -1,8 +1,9 @@
 import { useEffect, useMemo, useState } from "react"
-import { GetStaticProps } from "next"
+import { GetStaticProps, InferGetServerSidePropsType } from "next"
+import { SSRConfig } from "next-i18next"
 import { serverSideTranslations } from "next-i18next/serverSideTranslations"
 import { useTranslation } from "react-i18next"
-import { FaGithub, FaYandexInternational } from "react-icons/fa"
+import { FaGithub } from "react-icons/fa"
 import { Badge, Box, chakra, Flex, forwardRef, Heading, useToken } from "@chakra-ui/react"
 
 import { Lang } from "@/lib/types"
@@ -19,6 +20,7 @@ import Translation from "@/components/Translation"
 import { getSkillTranslationId,Skill } from "@/components/TutorialMetadata"
 import TutorialTags from "@/components/TutorialTags"
 
+import { getLastDeployDate } from "@/lib/utils/getLastDeployDate"
 import { trackCustomEvent } from "@/lib/utils/matomo"
 import { getTutorialsData } from "@/lib/utils/md"
 import { getLocaleTimestamp,INVALID_DATETIME } from "@/lib/utils/time"
@@ -58,21 +60,23 @@ const FilterTag = forwardRef<{ isActive: boolean; name: string }, "button">(
   }
 )
 
-export const getStaticProps = async (
+export const getStaticProps = (async (
   context
 ) => {
   const { locale } = context
   // load i18n required namespaces for the given page
   const requiredNamespaces = getRequiredNamespacesForPage('/developers/tutorials')
+  const lastDeployDate = getLastDeployDate()
 
   return {
     props: {
       ...(await serverSideTranslations(locale!, requiredNamespaces)),
       internalTutorials: getTutorialsData(locale!),
       locale,
+      lastDeployDate
     },
   }
-}
+}) satisfies GetStaticProps<SSRConfig>
 
 export interface IExternalTutorial {
   url: string
@@ -109,15 +113,15 @@ const published = (locale: string, published: string) => {
   ) : null
 }
 
-const TutorialPage = ({ internalTutorials, locale }: InferGetServerSidePropsType<typeof getServerSideProps>) => {
+const TutorialPage = ({ internalTutorials, locale }: InferGetServerSidePropsType<typeof getStaticProps>) => {
   const tableBoxShadow = useToken("colors", "tableBoxShadow")
   const cardBoxShadow = useToken("colors", "cardBoxShadow")
   const filteredTutorialsByLang = useMemo(
     () =>
       filterTutorialsByLang(
         internalTutorials,
         externalTutorials,
-        locale
+        locale as Lang
       ),
     [internalTutorials, locale]
   )
@@ -438,22 +442,22 @@ const TutorialPage = ({ internalTutorials, locale }: InferGetServerSidePropsType
               <Text color="text200" fontSize="sm" textTransform="uppercase">
                 <Emoji text=":writing_hand:" fontSize="sm" mr={2} />
                 {tutorial.author} •
-                {published(locale, tutorial.published ?? "")}
+                {published(locale!, tutorial.published ?? "")}
                 {tutorial.timeToRead && (
                   <>
                     {" "}
                     •
                     <Emoji text=":stopwatch:" fontSize="sm" ml={2} mr={2} />
                     {tutorial.timeToRead}{" "}
-                    <Translation id="page-tutorial-read-time" />
+                    <Translation id="page-developers-tutorials:page-tutorial-read-time" />
                   </>
                 )}
                 {tutorial.isExternal && (
                   <>
                     {" "}
                     •<Emoji text=":link:" fontSize="sm" ml={2} mr={2} />
                     <Box as="span" color="primary.base" cursor="pointer">
-                      <Translation id="page-tutorial-external-link" />
+                      <Translation id="page-developers-tutorials:page-tutorial-external-link" />
                     </Box>
                   </>
                 )}