update menu

superpage/src/components/Menu.jsx

@@ -15,7 +15,7 @@ import {
 } from '@headlessui/react'
 import { Container } from './Container'
 
-export function Menu() {
+export function Menu({ recentCourses }) {
   return (
     <Popover className="relative">
       <PopoverButton className="text-black font-semibold cursor-pointer flex gap-1 hover:outline-2 rounded focus:outline-none">
@@ -35,7 +35,7 @@ export function Menu() {
           <CloseButton
             className="absolute border border-black -top-3.5 2xl:-top-20 right-2.5 2xl:right-0 rounded-full p-px cursor-pointer"
             title="Fechar"
-            aria-hiden={true}
+            aria-hidden={true}
           >
             <XMarkIcon className="size-3.5" />
           </CloseButton>
@@ -79,21 +79,13 @@ export function Menu() {
           </div>
 
           <ul className="list-disc list-inside font-medium *:*:hover:underline *:*:cursor-pointer max-lg:*:truncate">
-            <li>
-              <a hreg="#">Lei Lucas</a>
-            </li>
-            <li>
-              <a hreg="#">NR-18 PEMT Plataforma Móvel de Trabalho Aéreo</a>
-            </li>
-            <li>
-              <a hreg="#">NR-35 Trabalho em Altura</a>
-            </li>
-            <li>
-              <a hreg="#">NR-10 Básico</a>
-            </li>
-            <li>
-              <a hreg="#">LOTO Lockout Tagout</a>
-            </li>
+            {recentCourses.map(({ data: { title, slug } }, idx) => {
+              return (
+                <li key={idx}>
+                  <a href={slug}>{title}</a>
+                </li>
+              )
+            })}
           </ul>
         </Container>
       </PopoverPanel>