minor fixes

Author: jedabero

.github/workflows/pages.yml

@@ -1,4 +1,4 @@
-name: Pages deploy (prod & preview)
+name: Pages deploy
 
 on:
   push:

app/[lang]/page.tsx

@@ -10,8 +10,7 @@ import { LangRedirect } from "@/components/lang-redirect";
 
 type Params = { lang: Locale };
 
-export async function generateStaticParams() {
-  // Declaramos async para alinear con la firma nueva de Next 15 (params puede ser Promise).
+export function generateStaticParams() {
   return [{ lang: "es" }, { lang: "en" }];
 }
 

app/[lang]/projects/[slug]/page.tsx

@@ -8,7 +8,7 @@ import { notFound } from "next/navigation";
 
 type Params = { lang: Locale; slug: string };
 
-export async function generateStaticParams() {
+export function generateStaticParams() {
   const locales: Locale[] = ["es", "en"];
   return caseStudies.flatMap((item) =>
     locales.map((lang) => ({ lang, slug: item.slug }))

lib/diagrams/blocks.tsx

@@ -1,16 +1,31 @@
 type BlockProps = {
   label: string;
-  accent?: 'mint' | 'blue';
+  accent?: "mint" | "blue";
 };
 
-export function DiagramBlock({ label, accent = 'mint' }: BlockProps) {
-  const fill = accent === 'mint' ? '#5fe3c0' : '#7aa2ff';
-  const stroke = '#1b2237';
+export function DiagramBlock({ label, accent = "mint" }: BlockProps) {
+  const fill = accent === "mint" ? "#5fe3c0" : "#7aa2ff";
+  const stroke = "#1b2237";
   return (
-    <svg width="180" height="72" viewBox="0 0 180 72" role="img" aria-label={label}>
-      <rect x="5" y="4" width="170" height="64" rx="12" fill="rgba(255,255,255,0.04)" stroke={stroke} strokeWidth="2" />
+    <svg
+      width="200"
+      height="72"
+      viewBox="0 0 200 72"
+      role="img"
+      aria-label={label}
+    >
+      <rect
+        x="5"
+        y="4"
+        width="190"
+        height="64"
+        rx="12"
+        fill="rgba(255,255,255,0.04)"
+        stroke={stroke}
+        strokeWidth="2"
+      />
       <text
-        x="90"
+        x="100"
         y="40"
         textAnchor="middle"
         fontFamily="var(--font-display, 'Space Grotesk', sans-serif)"
@@ -27,17 +42,36 @@ export function DiagramBlock({ label, accent = 'mint' }: BlockProps) {
 type ArrowProps = {
   from?: string;
   to?: string;
-  orientation?: 'horizontal' | 'vertical';
+  orientation?: "horizontal" | "vertical";
   className?: string;
 };
 
-export function DiagramArrow({ from, to, orientation = 'horizontal', className }: ArrowProps) {
-  const label = [from, to].filter(Boolean).join(' → ');
-  if (orientation === 'vertical') {
+export function DiagramArrow({
+  from,
+  to,
+  orientation = "horizontal",
+  className,
+}: ArrowProps) {
+  const label = [from, to].filter(Boolean).join(" → ");
+  if (orientation === "vertical") {
     return (
-      <svg className={className} width="72" height="60" viewBox="0 0 72 60" role="img" aria-label={label}>
+      <svg
+        className={className}
+        width="72"
+        height="60"
+        viewBox="0 0 72 60"
+        role="img"
+        aria-label={label}
+      >
         <defs>
-          <marker id="arrowhead-vert" markerWidth="8" markerHeight="8" refX="4" refY="4" orient="auto">
+          <marker
+            id="arrowhead-vert"
+            markerWidth="8"
+            markerHeight="8"
+            refX="4"
+            refY="4"
+            orient="auto"
+          >
             <polygon points="0 0, 8 4, 0 8" fill="#7aa2ff" />
           </marker>
         </defs>
@@ -55,9 +89,23 @@ export function DiagramArrow({ from, to, orientation = 'horizontal', className }
   }
 
   return (
-    <svg className={className} width="60" height="72" viewBox="0 0 60 72" role="img" aria-label={label}>
+    <svg
+      className={className}
+      width="60"
+      height="72"
+      viewBox="0 0 60 72"
+      role="img"
+      aria-label={label}
+    >
       <defs>
-        <marker id="arrowhead" markerWidth="8" markerHeight="8" refX="4" refY="4" orient="auto">
+        <marker
+          id="arrowhead"
+          markerWidth="8"
+          markerHeight="8"
+          refX="4"
+          refY="4"
+          orient="auto"
+        >
           <polygon points="0 0, 8 4, 0 8" fill="#7aa2ff" />
         </marker>
       </defs>