hotfix: more thoroughly fallback to announcement on missing og data

Author: bmuenzenmeyer

app/[locale]/next-data/og/route.tsx

@@ -17,16 +17,20 @@ export const GET = async (request: Request) => {
   const hasTitle = searchParams.has('title');
   const title = hasTitle ? searchParams.get('title')?.slice(0, 100) : undefined;
 
-  //?type=<type>
-  const type = searchParams.get('type') ?? 'announcement';
+  //?type=<type> - if undefined default to announcement
+  const typeParam = searchParams.get('type') ?? 'announcement';
 
   const typeAttributes: { [key: string]: string } = {
     announcement: tailwindConfig.theme.colors.green['700'],
     release: tailwindConfig.theme.colors.info['600'],
     vulnerability: tailwindConfig.theme.colors.warning['600'],
   };
 
-  const gridBackground = `radial-gradient(circle, ${hexToRGBA(typeAttributes[type])}, transparent)`;
+  // use the mapped value, or if not found use announcement
+  const type =
+    typeAttributes[typeParam] ?? tailwindConfig.theme.colors.green['700'];
+
+  const gridBackground = `radial-gradient(circle, ${hexToRGBA(type)}, transparent)`;
 
   return new ImageResponse(
     (

util/hexToRGBA.ts

@@ -1,4 +1,4 @@
-export const hexToRGBA = (hex: string, alpha = 0.9) => {
+export const hexToRGBA = (hex: string = '', alpha = 0.9) => {
   hex = hex.replace(/^#/, '');
 
   const bigint = parseInt(hex, 16);