fix

superpage/src/components/Course/HeroNav.astro

@@ -5,13 +5,11 @@ import BuyDropdown from "./BuyDropdown.astro";
 import Trends from "~/components/Trends.astro";
 import Search from "~/components/Search.astro";
 
-import { getCollection } from "astro:content";
-const courses = await getCollection(
-    "courses",
-    ({ data }) => data.draft != true,
-);
-
-const { title } = Astro.props;
+import { getEntries } from "astro:content";
+const { title, ...data } = Astro.props;
+const relatedCourses = data?.relatedCourses
+    ? await getEntries(data.relatedCourses)
+    : null;
 ---
 
 <nav class="sticky bg-lime-400 top-0 z-10 drop-shadow shadow-sm">
@@ -49,11 +47,28 @@ const { title } = Astro.props;
 
                     <div class="space-y-1.5">
                         <h2 class="font-bold text-xl flex gap-1">
-                            <Icon name="arrow-trending-up" class="size-6" />
-                            <span>Cursos mais procurados</span>
+                            {
+                                relatedCourses ? (
+                                    <>
+                                        <Icon
+                                            name="puzzle-piece"
+                                            class="size-6"
+                                        />
+                                        <span>Cursos relacionados</span>
+                                    </>
+                                ) : (
+                                    <>
+                                        <Icon
+                                            name="arrow-trending-up"
+                                            class="size-6"
+                                        />
+                                        <span>Cursos mais procurados</span>
+                                    </>
+                                )
+                            }
                         </h2>
 
-                        <Trends />
+                        <Trends relatedCourses={relatedCourses} />
                     </div>
                 </div>
             </div>

superpage/src/components/Trends.astro

@@ -1,20 +1,16 @@
 ---
 import { getEntries } from "astro:content";
+import TRENDS from "~/data/trends.json";
 
-const trends = await getEntries([
-    { collection: "courses", id: "nr-18-plataforma-de-trabalho-aereo" },
-    { collection: "courses", id: "nr-10-basico" },
-    { collection: "courses", id: "cipa-grau-de-risco-3" },
-    {
-        collection: "courses",
-        id: "nr-35-seguranca-nos-trabalhos-em-altura-teorico",
-    },
-]);
+const trends = await getEntries(
+    TRENDS.map((x) => ({ collection: "courses", ...x })),
+);
+const { relatedCourses } = Astro.props;
 ---
 
 <ul class="list-disc list-inside font-medium">
     {
-        trends.map(({ data }) => (
+        (relatedCourses ?? trends).map(({ data }) => (
             <li>
                 <a href={data.slug}>{data.title}</a>
             </li>