From 1d3edec7bc9ec1b053d389671d5fa811a644f749 Mon Sep 17 00:00:00 2001
From: Jeff <jeff.m.lieb@gmail.com>
Date: Sat, 12 Oct 2024 14:44:17 -0400
Subject: [PATCH] Actually display messages

---
 app/routes/_index.tsx | 22 +++++++++++++++-------
 1 file changed, 15 insertions(+), 7 deletions(-)

diff --git a/app/routes/_index.tsx b/app/routes/_index.tsx
index 13b5b64..fa44787 100644
--- a/app/routes/_index.tsx
+++ b/app/routes/_index.tsx
@@ -93,16 +93,23 @@ function TackUpNow({
 
   const [isInstalled, setIsInstalled] = useState(installed)
 
+  const [messages, setMessages] = useState<any[]>([])
+
   useEffect(() => {
-    window.addEventListener("message", console.log)
+    window.addEventListener("message", (event) =>
+      setMessages((prev) => [...prev, event.data])
+    )
   }, [])
 
   return (
     <ClientOnly fallback={<div>Loading</div>}>
-      {() =>
-        isInstalled ? (
-          <div>Your Notifications</div>
-        ) : (
+      {() => (
+        <>
+          {messages.map((message, index) => (
+            <div key={index}>JSON.stringify(message)</div>
+          ))}
+          isInstalled ? (<div>Your Notifications</div>
+          ) : (
           <InstallPrompts
             isMobileSafari={isMobileSafari}
             isSupported={isSupported}
@@ -110,8 +117,9 @@ function TackUpNow({
             notificationsEnabled={false}
             onInstallComplete={() => setIsInstalled(true)}
           />
-        )
-      }
+          )
+        </>
+      )}
     </ClientOnly>
   )
 }