From 0e334272891e34a76e77486d3d3a72c1dbe367ce Mon Sep 17 00:00:00 2001
From: Mauro Balades <mauro.balades@tutanota.com>
Date: Sun, 25 Aug 2024 00:01:09 +0200
Subject: [PATCH] chore: Remove unused code and fix theme page rendering

---
 src/app/themes/[theme]/page.tsx | 11 +----------
 src/components/theme-page.tsx   | 13 +++++++++++--
 2 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/src/app/themes/[theme]/page.tsx b/src/app/themes/[theme]/page.tsx
index 7d7b0e9..ab32280 100644
--- a/src/app/themes/[theme]/page.tsx
+++ b/src/app/themes/[theme]/page.tsx
@@ -4,7 +4,6 @@ import { Navigation } from "@/components/navigation";
 import ThemePage from "@/components/theme-page";
 import { getThemeFromId } from "@/lib/themes";
 import { Metadata, ResolvingMetadata } from "next";
-import { useParams } from "next/navigation";
 
 export async function generateMetadata(
   { params, searchParams }: any,
@@ -38,17 +37,9 @@ export async function generateMetadata(
 }
 
 export default async function ThemeInfoPage() {
-  const params = useParams<{ theme: string }>();
-  const { theme: themeID } = params;
-
-  const theme = await getThemeFromId(themeID);
-  if (!theme) {
-    return <div>Theme not found</div>;
-  }
-
   return (
     <main className="flex min-h-screen flex-col items-center justify-start">
-      <ThemePage theme={theme} />
+      <ThemePage />
       <Footer />  
       <Navigation /> {/* At the bottom of the page */}
     </main>
diff --git a/src/components/theme-page.tsx b/src/components/theme-page.tsx
index 6a89b9d..b61c8ff 100644
--- a/src/components/theme-page.tsx
+++ b/src/components/theme-page.tsx
@@ -1,12 +1,21 @@
 import Image from "next/image";
-import { getThemeAuthorLink, getThemeMarkdown, ZenTheme } from "@/lib/themes";
+import { getThemeAuthorLink, getThemeFromId, getThemeMarkdown, ZenTheme } from "@/lib/themes";
 import { Button } from "./ui/button";
 import { useEffect, useState } from "react";
 import Markdown from "react-markdown";
 import '../app/privacy-policy/markdown.css';
 import { ChevronLeft, LoaderCircleIcon } from "lucide-react";
+import { useParams } from "next/navigation";
+
+export default async function ThemePage() {
+  const params = useParams<{ theme: string }>();
+  const { theme: themeID } = params;
+
+  const theme = await getThemeFromId(themeID);
+  if (!theme) {
+    return <div>Theme not found</div>;
+  }
 
-export default function ThemePage({ theme }: { theme: ZenTheme }) {
   const [readme, setReadme] = useState<string | null>(null);
   useEffect(() => {
     getThemeMarkdown(theme).then(setReadme);