From 8a40d115a1a50a0545f0642d245c139e16189551 Mon Sep 17 00:00:00 2001
From: Jerome Fitzgerald <j@jeromefitzgerald.com>
Date: Tue, 31 Dec 2024 19:43:26 -0500
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B=20=20(notion)=20(=E2=95=AF=C2=B0?=
 =?UTF-8?q?=E2=96=A1=C2=B0)=E2=95=AF=EF=B8=B5=20=E2=94=BB=E2=94=81?=
 =?UTF-8?q?=E2=94=BB=20Slug.Preview=20[b]=20(#3116)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

(╯°□°)╯︵ ┻━┻ `Slug.Preview`

```bash
join(["", "events", formatDate(dateSubtract(prop("Date"), 5, "hours"), "YYYY/MM/DD"), prop("Slug")], "/")
```

API User is UTC, so basically account for highest diff in Eastern Timezone with UTC instead of `1` day.

This seems to nly work with blowing out cache and doing a check for SEO Image now. (－‸ლ)
---
 .../src/app/(notion)/_config/Event.utils.ts          | 12 +++++++++++-
 .../[[...catchAll]]/_components/Event.Slug.tsx       |  2 ++
 2 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/sites/jeromefitzgerald.com/src/app/(notion)/_config/Event.utils.ts b/sites/jeromefitzgerald.com/src/app/(notion)/_config/Event.utils.ts
index 44a9fafcb..76191ea5d 100644
--- a/sites/jeromefitzgerald.com/src/app/(notion)/_config/Event.utils.ts
+++ b/sites/jeromefitzgerald.com/src/app/(notion)/_config/Event.utils.ts
@@ -5,6 +5,8 @@ import { getPropertyTypeData } from 'next-notion/utils/index'
 
 import type { PropertiesEvent } from '@/app/(notion)/_config/index'
 
+// @todo(complexity) 11
+// eslint-disable-next-line complexity
 function getEventData(properties) {
   // if (!properties) return {}
   /**
@@ -49,6 +51,12 @@ function getEventData(properties) {
   )
   const isEventOver = hoursUntilEvent < 0
 
+  const isSeoImageEmpty =
+    getPropertyTypeDataEvent(properties, 'SEO.Image')?.length === 0
+  // console.dir(`what is happening with SEO.Image?!`)
+  // console.dir(`isSeoImageEmpty: ${isSeoImageEmpty ? 'y' : 'n'}`)
+  // console.dir(getPropertyTypeDataEvent(properties, 'SEO.Image'))
+
   const data = {
     dateIso: getPropertyTypeDataEvent(properties, 'Date.ISO'),
     dayOfMonth: getPropertyTypeDataEvent(properties, 'Date.DayOfMonth'),
@@ -71,7 +79,9 @@ function getEventData(properties) {
     monthName: getPropertyTypeDataEvent(properties, 'Date.MonthName'),
     monthNameAbbr: getPropertyTypeDataEvent(properties, 'Date.MonthNameAbbr'),
     seoDescription: getPropertyTypeDataEvent(properties, 'SEO.Description'),
-    seoImage: getPropertyTypeDataEvent(properties, 'SEO.Image')[0],
+    seoImage: isSeoImageEmpty
+      ? null
+      : getPropertyTypeDataEvent(properties, 'SEO.Image')[0],
     seoImageDescription: getPropertyTypeDataEvent(
       properties,
       'SEO.Image.Description',
diff --git a/sites/jeromefitzgerald.com/src/app/(notion)/events/[[...catchAll]]/_components/Event.Slug.tsx b/sites/jeromefitzgerald.com/src/app/(notion)/events/[[...catchAll]]/_components/Event.Slug.tsx
index ac012d1e4..ac3dd8dc5 100644
--- a/sites/jeromefitzgerald.com/src/app/(notion)/events/[[...catchAll]]/_components/Event.Slug.tsx
+++ b/sites/jeromefitzgerald.com/src/app/(notion)/events/[[...catchAll]]/_components/Event.Slug.tsx
@@ -99,6 +99,8 @@ async function Slug({ revalidate, segmentInfo }) {
   const noData = isObjectEmpty(data?.blocks || {})
   const is404 = noData
 
+  // console.dir(segmentInfo)
+  // console.dir(data)
   // console.dir(`noData:           ${noData ? 'y' : 'n'}`)
   // console.dir(`is404:            ${is404 ? 'y' : 'n'}`)