add out of date warning for translated pages

components/TranslationInfo.tsx

@@ -0,0 +1,20 @@
+import { faLanguage } from "@fortawesome/free-solid-svg-icons";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import { useTranslation } from "next-i18next";
+import { useRouter } from "next/router";
+
+const TranslationInfo = () => {
+  const { t } = useTranslation("meta");
+  const { locale, defaultLocale } = useRouter();
+
+  if (locale === defaultLocale) return null;
+
+  return (
+    <div className="mb-4 rounded-lg bg-ctp-surface0 p-4 text-sm" role="alert">
+      <FontAwesomeIcon icon={faLanguage} size="xl" className="mr-2" />
+      {t("documentation")}
+    </div>
+  );
+};
+
+export default TranslationInfo;

pages/docs/[[...slug]].tsx

@@ -19,6 +19,7 @@ import { NextPageWithLayout } from "../_app";
 import { useRouter } from "next/router";
 import Link from "next/link";
 import { serverSideTranslations } from "next-i18next/serverSideTranslations";
+import TranslationInfo from "../../components/TranslationInfo";
 
 export const getStaticPaths: GetStaticPaths = async ({ locales }) => {
   const paths: GetStaticPathsResult["paths"] = [];
@@ -50,6 +51,7 @@ export const getStaticProps: GetStaticProps = async ({ params, locale }) => {
     "common",
     "footer",
     "navbar",
+    "meta",
   ]);
 
   let path = ["_docs", locale, ...slug].join("/") + ".mdx";
@@ -172,6 +174,7 @@ const DocPage: NextPageWithLayout<{
         {dir ? (
           <>
             {dir.pretty !== null && <h1>{dir.pretty}</h1>}
+            <TranslationInfo />
             <ul>
               {dir.children.map((child) => (
                 <li key={child.value}>
@@ -185,6 +188,7 @@ const DocPage: NextPageWithLayout<{
         ) : (
           <>
             {source!.frontmatter?.title && <h1>{source!.frontmatter.title}</h1>}
+            <TranslationInfo />
             <MDXRemote {...source!} />
           </>
         )}

public/locales/en/meta.json

@@ -0,0 +1,3 @@
+{
+  "documentation": "Documentation is community maintained! Translations might contain outdated or incorrect information."
+}