From a3dfcb4080917277e41626bfee6c53464048da4e Mon Sep 17 00:00:00 2001
From: MartinBraquet <martin.braquet@gmail.com>
Date: Wed, 1 Apr 2026 17:56:29 +0200
Subject: [PATCH] Fix

---
 common/src/hosting/constants.ts | 2 ++
 web/components/SEO.tsx          | 5 ++++-
 web/pages/_app.tsx              | 6 +++---
 3 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/common/src/hosting/constants.ts b/common/src/hosting/constants.ts
index 0a2fa921..004f48e3 100644
--- a/common/src/hosting/constants.ts
+++ b/common/src/hosting/constants.ts
@@ -24,4 +24,6 @@ if (IS_LOCAL && !process.env.ENVIRONMENT && !process.env.NEXT_PUBLIC_FIREBASE_EN
 export const SENTRY_DSN =
   'https://4e5d3b0aa566e8aaae97298398a1ad37@o4510975610060800.ingest.de.sentry.io/4510975611699280'
 
+export const PNG_FAVICON = 'https://www.compassmeet.com/icons/icon-192x192.png'
+
 // console.log('IS_LOCAL_ANDROID', IS_LOCAL_ANDROID)
diff --git a/web/components/SEO.tsx b/web/components/SEO.tsx
index 60c2f82e..ab06a904 100644
--- a/web/components/SEO.tsx
+++ b/web/components/SEO.tsx
@@ -1,4 +1,5 @@
 import {IS_PROD} from 'common/envs/constants'
+import {PNG_FAVICON} from 'common/hosting/constants'
 import {removeUndefinedProps} from 'common/util/object'
 import {buildOgUrl} from 'common/util/og'
 import Head from 'next/head'
@@ -13,7 +14,9 @@ export function SEO<P extends Record<string, string | undefined>>(props: {
   const {title, description, url, image, ogProps} = props
 
   const imageUrl =
-    image ?? (ogProps && buildOgUrl(removeUndefinedProps(ogProps.props) as any, ogProps.endpoint))
+    image ??
+    (ogProps && buildOgUrl(removeUndefinedProps(ogProps.props) as any, ogProps.endpoint)) ??
+    PNG_FAVICON
 
   const absUrl = 'https://compassmeet.com' + url
   const endTitle = IS_PROD ? 'Compass' : 'Compass dev'
diff --git a/web/pages/_app.tsx b/web/pages/_app.tsx
index 0b86fd16..3ccd2fc5 100644
--- a/web/pages/_app.tsx
+++ b/web/pages/_app.tsx
@@ -7,7 +7,7 @@ import {Keyboard} from '@capacitor/keyboard'
 import {StatusBar} from '@capacitor/status-bar'
 import clsx from 'clsx'
 import {DEPLOYED_WEB_URL} from 'common/envs/constants'
-import {IS_VERCEL} from 'common/hosting/constants'
+import {IS_VERCEL, PNG_FAVICON} from 'common/hosting/constants'
 import {debug} from 'common/logger'
 import type {AppProps} from 'next/app'
 import {Major_Mono_Display} from 'next/font/google'
@@ -179,8 +179,8 @@ function MyApp(props: AppProps<PageProps>) {
         <meta property="og:site_name" content="Compass" />
         <meta name="twitter:card" content="summary" key="card" />
         {/*<meta name="twitter:site" content="@compassmeet"/>*/}
-        <meta name="twitter:image" content={'/icons/icon-192x192.png'} key="image2" />
-        <meta property="og:image" content={'/icons/icon-192x192.png'} key="image1" />
+        <meta name="twitter:image" content={PNG_FAVICON} key="image2" />
+        <meta property="og:image" content={PNG_FAVICON} key="image1" />
         <meta property="og:image:type" content="image/png" />
         <meta
           name="viewport"