From 59386ed4b7314c405348fedf94d687a1c25cd8fb Mon Sep 17 00:00:00 2001
From: seppulcro <marco.sacristao@twoimpulse.com>
Date: Mon, 23 Sep 2024 16:13:16 +0100
Subject: [PATCH] fix: Update docs; Fix useMDXComponents for li override: add
 missing id for correct remark-gfm footnotes functionallity

---
 .../content/docs/core/templates/overview.mdx  |  5 ++--
 apps/docs/mdx-components.tsx                  | 24 ++++++++++---------
 2 files changed, 16 insertions(+), 13 deletions(-)

diff --git a/apps/docs/content/docs/core/templates/overview.mdx b/apps/docs/content/docs/core/templates/overview.mdx
index 363650f6..6c8a7e8c 100644
--- a/apps/docs/content/docs/core/templates/overview.mdx
+++ b/apps/docs/content/docs/core/templates/overview.mdx
@@ -31,8 +31,7 @@ The following templates are available:
 - **Wordpress**: Open Source Content Management System
 - **Open WebUI**: Free and Open Source ChatGPT Alternative
 - **Teable**: Open Source Airtable Alternative, Developer Friendly, No-code Database Built on Postgres
-
-
+- **Roundcube**: Free and open source webmail software for the masses, written in PHP, uses SMTP[^1].
 
 ## Create your own template
 
@@ -41,3 +40,5 @@ We accept contributions to upload new templates to the dokploy repository.
 Make sure to follow the guidelines for creating a template:
 
 [Steps to create your own template](https://github.com/Dokploy/dokploy/blob/canary/CONTRIBUTING.md#templates)
+
+[^1]: Please note that if you're self-hosting a mail server you need port 25 to be open for SMTP (Mail Transmission Protocol that allows you to send and receive) to work properly. Some VPS providers like [Hetzner](https://docs.hetzner.com/cloud/servers/faq/#why-can-i-not-send-any-mails-from-my-server) block this port by default for new clients.
diff --git a/apps/docs/mdx-components.tsx b/apps/docs/mdx-components.tsx
index 96c5b74b..913f33e1 100644
--- a/apps/docs/mdx-components.tsx
+++ b/apps/docs/mdx-components.tsx
@@ -3,15 +3,17 @@ import defaultComponents from "fumadocs-ui/mdx";
 import type { MDXComponents } from "mdx/types";
 
 export function useMDXComponents(components: MDXComponents): MDXComponents {
-	return {
-		...defaultComponents,
-		...components,
-		ImageZoom,
-		p: ({ children }) => (
-			<p className="text-[#3E4342] dark:text-muted-foreground">{children}</p>
-		),
-		li: ({ children }) => (
-			<li className="text-[#3E4342] dark:text-muted-foreground">{children}</li>
-		),
-	};
+  return {
+    ...defaultComponents,
+    ...components,
+    ImageZoom,
+    p: ({ children }) => (
+      <p className="text-[#3E4342] dark:text-muted-foreground">{children}</p>
+    ),
+    li: ({ children, id }) => (
+      <li {...{ id }} className="text-[#3E4342] dark:text-muted-foreground">
+        {children}
+      </li>
+    ),
+  };
 }