Fix

Author: MartinBraquet

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)

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'

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"