cursos ordenados

Author: Utmite

src/pages/ayudantias/index.astro

@@ -1,46 +1,32 @@
 ---
 import CardsLayout from "~/layouts/Cards.astro";
-
 ---
 
 <CardsLayout class="flex-col flex" title="Ayudantías">
 	<Fragment slot="header">
 		<h2 class="font-title text-xl">Información sobre ayudantías</h2>
 		<p>
-			Recuerda que todas las postulaciones se realizan vía SIDING. <br class="hidden md:block">
-            Para más información sobre periodos, cursos y requisitos, únete a
+			Recuerda que todas las postulaciones se realizan vía SIDING. <br class="hidden md:block" />
+			Para más información sobre periodos, cursos y requisitos, únete a
 			<!-- in another tab -->
 			<a class="text-blue-600 hover:underline" target="_blank" rel="noopener noreferrer" href="https://t.me/DCC_UC"
 				>DCCAcademic</a
 			>!
 		</p>
 	</Fragment>
-    <section class="flex flex-col gap-6 mx-auto max-w-2xl p-4">
-	    <articule class="flex flex-col rounded bg-white py-6 px-4">
-            <h2 class="font-bold text-xl text-stone-900 px-2">Introducción a la programación</h2>
-            <details class="border-2 border-stone-500 my-3 rounded">
-                <summary
-                    class="px-4 py-2 cursor-pointer bg-stone-100 hover:bg-stone-200 transition-all text-stone-800 list-none flex items-center"
-                >
-                    <span class="flex-grow">Ver el mensaje</span>
-                    <svg class="fill-stone-800 w-4 h-4 -mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"
-                        ><path d="M12.95 10.707l.707-.707L8 4.343 6.586 5.757 10.828 10l-4.242 4.243L8 15.657l4.95-4.95z" /></svg
-                    >
-                </summary>
-                <div class="prose prose-p:my-2 leading-tight p-2">
-                    Mensaje
-                </div>
-            </details>
-            <div class="flex flex-col gap-1">
-                <a
-                    href="https://iic1103.ing.puc.cl/"
-                    target="_blank"
-                    rel="noopener noreferrer"
-                    class="text-stone-800 hover:bg-stone-50 border-stone-800 border-2 font-bold py-0.5 px-4 text-center rounded"
-                >
-                    Más información
-                </a>
-            </div>
-        </articule>
-    </section>
+	<section class="flex flex-col gap-6 mx-auto max-w-xl p-4">
+		<articule class="flex flex-col rounded bg-white py-6 px-4">
+			<h2 class="font-bold text-xl text-stone-900 px-2">Introducción a la programación</h2>
+			<div class="flex flex-col gap-1 pt-4">
+				<a
+					href="https://iic1103.ing.puc.cl/"
+					target="_blank"
+					rel="noopener noreferrer"
+					class="text-stone-800 hover:bg-stone-50 border-stone-800 border-2 font-bold py-0.5 px-4 text-center rounded"
+				>
+					Ir al sitio
+				</a>
+			</div>
+		</articule>
+	</section>
 </CardsLayout>

src/pages/cursos/Cursos.svelte

@@ -13,8 +13,9 @@
 	async function getCourses() {
 		_finally = false;
 		try {
-			const res = await pb.collection("courses").getFullList<Course>();
+			const res: Course[] = await pb.collection("courses").getFullList<Course>();
 			if (res) {
+				res.sort((a, b) => a.code.localeCompare(b.code));
 				return res;
 			} else {
 				console.log(res);