From 60debfb6c979892560f540d91cdcffce4ca92887 Mon Sep 17 00:00:00 2001
From: Maximilian Kaske <56969857+mxkaske@users.noreply.github.com>
Date: Sun, 8 Oct 2023 21:45:14 +0200
Subject: [PATCH] fix: img and deps (#362)

---
 apps/web/package.json                        | 6 +++---
 apps/web/src/components/content/timeline.tsx | 8 +++++++-
 pnpm-lock.yaml                               | 6 +++---
 3 files changed, 13 insertions(+), 7 deletions(-)

diff --git a/apps/web/package.json b/apps/web/package.json
index 529aab2cb..4a7a01c2d 100644
--- a/apps/web/package.json
+++ b/apps/web/package.json
@@ -11,7 +11,7 @@
   },
   "dependencies": {
     "@clerk/nextjs": "4.25.1",
-    "@headlessui/react": "^1.7.17",
+    "@headlessui/react": "1.7.17",
     "@hookform/resolvers": "3.3.1",
     "@openstatus/analytics": "workspace:*",
     "@openstatus/api": "workspace:*",
@@ -29,7 +29,7 @@
     "@t3-oss/env-nextjs": "0.6.1",
     "@tailwindcss/typography": "0.5.10",
     "@tanstack/react-table": "8.10.3",
-    "@tremor/react": "^3.8.2",
+    "@tremor/react": "3.8.2",
     "@trpc/client": "10.38.5",
     "@trpc/next": "10.38.5",
     "@trpc/react-query": "10.38.5",
@@ -73,7 +73,7 @@
   "devDependencies": {
     "@openstatus/eslint-config": "workspace:*",
     "@openstatus/tsconfig": "workspace:*",
-    "@types/luxon": "^3.3.1",
+    "@types/luxon": "3.3.1",
     "@types/node": "20.8.0",
     "@types/react": "18.2.24",
     "@types/react-dom": "18.2.8",
diff --git a/apps/web/src/components/content/timeline.tsx b/apps/web/src/components/content/timeline.tsx
index 394f7ef89..a3a96429f 100644
--- a/apps/web/src/components/content/timeline.tsx
+++ b/apps/web/src/components/content/timeline.tsx
@@ -37,11 +37,17 @@ function Article({ publishedAt, imageSrc, title, children }: ArticleProps) {
         {formatDate(new Date(publishedAt))}
       </time>
       <div className="relative order-1 h-64 w-full md:order-2 md:col-span-4">
-        <Image
+        {/* same reason as blog post - missing image on prod */}
+        {/* <Image
           src={imageSrc}
           fill={true}
           alt={title}
           className="border-border rounded-md border object-cover"
+        /> */}
+        <img
+          src={imageSrc}
+          alt={title}
+          className="border-border h-64 w-full rounded-md border object-cover"
         />
       </div>
       <div className="order-3 grid grid-cols-1 gap-4 md:col-span-4 md:col-start-2">
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index f074d543f..6fae5de85 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -113,7 +113,7 @@ importers:
         specifier: 4.25.1
         version: 4.25.1(next@13.5.3)(react-dom@18.2.0)(react@18.2.0)
       '@headlessui/react':
-        specifier: ^1.7.17
+        specifier: 1.7.17
         version: 1.7.17(react-dom@18.2.0)(react@18.2.0)
       '@hookform/resolvers':
         specifier: 3.3.1
@@ -167,7 +167,7 @@ importers:
         specifier: 8.10.3
         version: 8.10.3(react-dom@18.2.0)(react@18.2.0)
       '@tremor/react':
-        specifier: ^3.8.2
+        specifier: 3.8.2
         version: 3.8.2(prop-types@15.8.1)(react-dom@18.2.0)(react@18.2.0)(tailwindcss@3.3.2)
       '@trpc/client':
         specifier: 10.38.5
@@ -294,7 +294,7 @@ importers:
         specifier: workspace:*
         version: link:../../packages/tsconfig
       '@types/luxon':
-        specifier: ^3.3.1
+        specifier: 3.3.1
         version: 3.3.1
       '@types/node':
         specifier: 20.8.0
-- 
2.51.2