Display special text on unfinished pages

Author: Fernando-A-Rocha

web/src/components/ItemDescription.astro

@@ -0,0 +1,18 @@
+---
+import { marked } from 'marked';
+
+interface Props {
+  description: string;
+}
+
+const { description } = Astro.props;
+
+const path = Astro.url.pathname;
+---
+{description.includes("NEEDS DOCUMENTATION") ? (
+    <p style="color: var(--sl-color-orange); font-size: 2rem;"><strong>This page is incomplete! Help wanted!</strong>
+        <br>Please finish this page using the <a target="_blank" href={"https://wiki.multitheftauto.com/wiki" + path}>corresponding Old Wiki article</a>.
+        <br>Go to <a target="_blank" href="https://github.com/multitheftauto/wiki.multitheftauto.com/blob/main/CONTRIBUTING.md">Contribution guidelines</a> for more information.</p>
+) : (
+    <Fragment set:html={marked(description)} />
+)}

web/src/pages/[event].astro

@@ -12,6 +12,7 @@ import type { NotesType } from '@src/utils/types';
 
 import SeeAlsoSection from '@src/components/SeeAlsoSection.astro';
 import CodeExamplesSection from '@src/components/CodeExamplesSection.astro';
+import ItemDescription from '@src/components/ItemDescription.astro';
 
 export async function getStaticPaths() {
     const events = await getCollection('events');
@@ -70,7 +71,7 @@ if (Array.isArray(event.data.notes) && event.data.notes.length > 0) {
         tableOfContents: false,
     }}>
         <!-- Description -->
-        <Fragment set:html={marked(event.data.description)} />
+        <ItemDescription description={event.data.description} />
 
         <!-- Notes -->
         {notesContent.length > 0 && (

web/src/pages/[func].astro

@@ -15,6 +15,7 @@ import SeeAlsoSection from '@src/components/SeeAlsoSection.astro';
 import CodeExamplesSection from '@src/components/CodeExamplesSection.astro';
 
 import ChangelogList from '@src/components/ChangelogList.astro';
+import ItemDescription from '@src/components/ItemDescription.astro';
 
 export async function getStaticPaths() {
     const functions = await getCollection('functions');
@@ -88,7 +89,7 @@ let funcSyntaxes = parseFunctionSyntaxes(func.id, func.data);
         )}
 
         <!-- Description -->
-        {funcInfo.description && <Fragment set:html={marked(funcInfo.description)} />}
+        <ItemDescription description={funcInfo.description} />
 
         <!-- Notes -->
         {notesContent.length > 0 && (