From 08e38d4d913339858542b82dc09c4f832d762933 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Cyril=20=C5=A0ebek?= <cyril@cyrilsebek.cz>
Date: Fri, 21 Jun 2024 10:59:02 +0200
Subject: [PATCH] Hybrid output rendering

- Changed output to `hybrid` instead of `server`
- Bugfixes to ShowcaseTabs (iamge sizing)
- Changes due to hybrid rendering
---
 astro.config.mjs                      | 2 +-
 src/components/ShowcaseTabs.jsx       | 2 +-
 src/pages/[lang]/blog/[...slug].astro | 1 +
 src/pages/[lang]/music/index.astro    | 3 ++-
 src/pages/[lang]/rss.xml.js           | 2 ++
 src/pages/index.astro                 | 4 ++--
 6 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/astro.config.mjs b/astro.config.mjs
index 676d7db..b40dcd2 100644
--- a/astro.config.mjs
+++ b/astro.config.mjs
@@ -9,7 +9,7 @@ import react from "@astrojs/react";
 
 // https://astro.build/config
 export default defineConfig({
-  output: "server",
+  output: "hybrid",
   adapter: node({
     mode: "standalone",
   }),
diff --git a/src/components/ShowcaseTabs.jsx b/src/components/ShowcaseTabs.jsx
index 244c8bc..3585dae 100644
--- a/src/components/ShowcaseTabs.jsx
+++ b/src/components/ShowcaseTabs.jsx
@@ -36,7 +36,7 @@ export function ShowcaseTabs({ currentLocale }) {
                 <span className="text-pretty">{item.description}</span>
               </CardDescription>
             </CardHeader>
-            <CardContent className="h-[85%] w-full">
+            <CardContent className="w-full max-h-[78%] lg:h-full">
               <div className="h-full w-full">
                 <img
                   src={item.image}
diff --git a/src/pages/[lang]/blog/[...slug].astro b/src/pages/[lang]/blog/[...slug].astro
index bebd102..550f66a 100644
--- a/src/pages/[lang]/blog/[...slug].astro
+++ b/src/pages/[lang]/blog/[...slug].astro
@@ -40,6 +40,7 @@ const { Content } = await page.render();
           <a href={`${Astro.url.origin}/${Astro.currentLocale}/blog/tags/${tag}`}>#{tag}</a>
         )}
       </div>
+      { // @ts-ignore }
       <Separator className="my-4"/>
     </div>
     <Content />
diff --git a/src/pages/[lang]/music/index.astro b/src/pages/[lang]/music/index.astro
index 341d642..12f0528 100644
--- a/src/pages/[lang]/music/index.astro
+++ b/src/pages/[lang]/music/index.astro
@@ -32,7 +32,8 @@ const songs = await getCompositions()
     <div class="p-4">
       <h4 class="mb-2 text-3xl font-semibold leading-none text-foreground">{t("music")["title"]}</h4>
 	    <p class="mb-4 text-md leading-none text-foreground">{t("music")["description"]}</p>
-	    <Separator className="my-4"/>
+	    { // @ts-ignore }
+      <Separator className="my-4"/>
       <CompositionsList songs={songs}/>
     </div>
   </SinglePageBlogMode>
diff --git a/src/pages/[lang]/rss.xml.js b/src/pages/[lang]/rss.xml.js
index f31aec8..8c506ff 100644
--- a/src/pages/[lang]/rss.xml.js
+++ b/src/pages/[lang]/rss.xml.js
@@ -1,3 +1,5 @@
+export const prerender = false;
+
 import rss from '@astrojs/rss';
 import { getBlogPosts } from "../../content/config";
 
diff --git a/src/pages/index.astro b/src/pages/index.astro
index d7b2003..6f4ec2f 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -1,5 +1,5 @@
 ---
-export const prerender = true;
+export const prerender = false;
 
 import type { GetStaticPaths } from "astro";
 import MainLayout from "../layouts/MainLayout.astro";
@@ -15,7 +15,7 @@ export const getStaticPaths = (() => {
 
 const { lang } = Astro.params
 
-// Don't remove - redirects user to language version for the preffered language
+// Don't remove
 if (Astro.preferredLocale) {
   return Astro.redirect(`/${Astro.preferredLocale}/`);
 }