From ba4372b91274b70f035a551ec186bae01a2628ff Mon Sep 17 00:00:00 2001
From: Mauro Balades <mauro.balades@tutanota.com>
Date: Sun, 25 Aug 2024 00:09:03 +0200
Subject: [PATCH] chore: Refactor ThemePage component to fetch readme
 asynchronously

---
 src/components/theme-page.tsx | 5 +----
 1 file changed, 1 insertion(+), 4 deletions(-)

diff --git a/src/components/theme-page.tsx b/src/components/theme-page.tsx
index b5fe68b..bfef366 100644
--- a/src/components/theme-page.tsx
+++ b/src/components/theme-page.tsx
@@ -9,7 +9,6 @@ import { ChevronLeft, LoaderCircleIcon } from "lucide-react";
 import { useParams } from "next/navigation";
 
 export default async function ThemePage() {
-  const [readme, setReadme] = useState<string | null>(null);
   const params = useParams<{ theme: string }>();
   const { theme: themeID } = params;
 
@@ -18,9 +17,7 @@ export default async function ThemePage() {
     return <div>Theme not found</div>;
   }
 
-  useEffect(() => {
-    getThemeMarkdown(theme).then(setReadme);
-  }, []);
+  const readme = await getThemeMarkdown(theme);
 
   return (
     <div className="mt-24 lg:mt-56 flex-col lg:flex-row flex mx-auto items-start relative">