fix .lowerCase error

clairep94 · clairep94 · commit 03093c48e902 · 2025-05-05T11:37:57.000+01:00
diff --git a/src/layouts/SketchLayout.astro b/src/layouts/SketchLayout.astro
@@ -18,9 +18,10 @@ import { ScalingIframe } from "@components/ScalingIframe";
 interface Props {
   sketchId: string;
   authorName: string;
+  title: string;
 }
 
-const { sketchId, authorName } = Astro.props;
+const { sketchId, authorName, title } = Astro.props;
 const sketchInfo = await getSketch(sketchId);
 
 const currentLocale = getCurrentLocale(Astro.url.pathname);
@@ -46,46 +47,56 @@ if (width && height) {
   heightOverWidth = height / width;
 }
 
-const iframeTitle = `OpenProcessing Sketch: ${sketchInfo.title} by ${authorName}`;
+const iframeTitle = `OpenProcessing Sketch: ${title} by ${authorName}`;
 ---
 
 <Head
-  title={sketchInfo.title}
+  title={title}
   locale={currentLocale}
   featuredImageSrc={featuredImageURL}
   description={sketchInfo.instructions}
 />
 
 <BaseLayout
-  title={sketchInfo.title}
+  title={title}
   titleAuthor={authorName}
   subtitle={dateString}
   variant="item"
   topic={"community"}
 >
   <div class="max-w-[770px]">
-    <div style={{
-      position: 'relative',
-      width: '100%',
-      paddingBottom: `${(heightOverWidth * 100).toFixed(4)}%`,
-    }}>
-      {width ? (
-        <ScalingIframe
-          client:load
-          src={makeSketchEmbedUrl(sketchInfo.visualID)}
-          width={width}
-          height={height}
-          title={iframeTitle}
-        />
-      ) : (
-        <iframe
-          src={makeSketchEmbedUrl(sketchInfo.visualID)}
-          width="100%"
-          height="100%"
-          style={{ position: 'absolute', top: 0, left: 0, right: 0, bottom: 0 }}
-          title={iframeTitle}
-        />
-      )}
+    <div
+      style={{
+        position: "relative",
+        width: "100%",
+        paddingBottom: `${(heightOverWidth * 100).toFixed(4)}%`,
+      }}
+    >
+      {
+        width ? (
+          <ScalingIframe
+            client:load
+            src={makeSketchEmbedUrl(sketchInfo.visualID)}
+            width={width}
+            height={height}
+            title={iframeTitle}
+          />
+        ) : (
+          <iframe
+            src={makeSketchEmbedUrl(sketchInfo.visualID)}
+            width="100%"
+            height="100%"
+            style={{
+              position: "absolute",
+              top: 0,
+              left: 0,
+              right: 0,
+              bottom: 0,
+            }}
+            title={iframeTitle}
+          />
+        )
+      }
     </div>
     <div class="py-md grid gap-y-sm md:gap-y-md">
       <LinkButton
diff --git a/src/pages/[locale]/sketches/[...slug].astro b/src/pages/[locale]/sketches/[...slug].astro
@@ -9,15 +9,15 @@ export async function getStaticPaths() {
     nonDefaultSupportedLocales.map(async (locale) => {
       return sketches.map((sketch) => ({
         params: { locale, slug: sketch.visualID },
-        props: { authorName: sketch.fullname },
+        props: { authorName: sketch.fullname, title: sketch.title },
       }));
     })
   );
 
   return entries.flat();
 }
 const { slug } = Astro.params;
-const { authorName } = Astro.props;
+const { authorName, title } = Astro.props;
 ---
 
-<SketchLayout sketchId={slug} authorName={authorName} />
+<SketchLayout sketchId={slug} authorName={authorName} title={title} />
diff --git a/src/pages/sketches/[...slug].astro b/src/pages/sketches/[...slug].astro
@@ -6,12 +6,12 @@ export async function getStaticPaths() {
   const sketches = await getCurationSketches();
   return sketches.map((sketch) => ({
     params: { slug: sketch.visualID },
-    props: { authorName: sketch.fullname },
+    props: { authorName: sketch.fullname, title: sketch.title },
   }));
 }
 
 const { slug } = Astro.params;
-const { authorName } = Astro.props;
+const { authorName, title } = Astro.props;
 ---
 
-<SketchLayout sketchId={slug} authorName={authorName} />
+<SketchLayout sketchId={slug} authorName={authorName} title={title} />
