Add flag select component

src/components/FlagSelect.astro

@@ -0,0 +1,24 @@
+---
+let lang = Astro.currentLocale;
+let descriptions = [
+    { code: "en", flag: "🇬🇧" },
+    { code: "es", flag: "🇪🇸" },
+];
+---
+
+<div class="flex gap-4 text-3xl mb-4">
+    {
+        descriptions.map((data) => (
+            <a
+                href={"/steam-review-template/" + data.code}
+                class:list={[
+                    data.code == lang && "outline",
+                    "rounded no-underline text-white",
+                    "hover:bg-white hover:bg-opacity-20",
+                ]}
+            >
+                {data.flag}
+            </a>
+        ))
+    }
+</div>

src/layouts/PageLayout.astro

@@ -15,7 +15,11 @@ let config_json = templates[Astro.currentLocale] || templates.en;
     <meta charset="UTF-8" />
     <meta name="description" content="Astro description" />
     <meta name="viewport" content="width=device-width" />
-    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+    <link
+      rel="icon"
+      type="image/svg+xml"
+      href={"/steam-review-template/favicon.svg"}
+    />
     <meta name="generator" content={Astro.generator} />
     <title>{title}</title>
     <script

src/pages/en/index.astro

@@ -2,15 +2,13 @@
 import config_json from "../../review_templates/template_en.json";
 import PageLayout from "../../layouts/PageLayout.astro";
 import OptionForm from "../../components/OptionForm.astro";
-import SpainFlag from "../../components/flags/SpainFlag.astro";
+import FlagSelect from "../../components/FlagSelect.astro";
 ---
 
 <PageLayout title="Steam Review Template">
   <header class="bg-slate-700 text-white py-2 flex flex-col items-center">
     <h1>{"---{ Review Template }---"}</h1>
-    <a href="/steam-review-template/es/" class="mt-0 text-white"
-      ><SpainFlag class="w-4 h-4" /></a
-    >
+    <FlagSelect />
     <p class="mt-0">☑ Awesome</p>
   </header>
 

src/pages/es/index.astro

@@ -2,15 +2,13 @@
 import config_json from "../../review_templates/template_es.json";
 import PageLayout from "../../layouts/PageLayout.astro";
 import OptionForm from "../../components/OptionForm.astro";
-import UKFlag from "../../components/flags/UKFlag.astro";
+import FlagSelect from "../../components/FlagSelect.astro";
 ---
 
 <PageLayout title="Plantilla de reseñas de steam">
   <header class="bg-slate-700 text-white py-2 flex flex-col items-center">
     <h1>{"---{ Plantilla para reseñas }---"}</h1>
-    <a href="/steam-review-template/en/" class="mt-0 text-white"
-      ><UKFlag class="w-4 h-4" /></a
-    >
+    <FlagSelect />
     <p class="mt-0">☑ Asombroso</p>
   </header>