Update URL to opengraph image to break caches

This commit is contained in:
Jackson Harper 2023-01-09 11:14:33 +08:00
parent bf6b3ceb87
commit 1c6d359385
5 changed files with 28 additions and 26 deletions

View file

@ -1,6 +1,11 @@
import { PageMetaData, PageMetaDataProps } from '../patterns/PageMetaData'
import { Box } from '../elements/LayoutPrimitives'
import { ReactNode, MutableRefObject, useEffect, useState } from 'react'
import {
ReactNode,
MutableRefObject,
useEffect,
useState,
} from 'react'
import { PrimaryHeader } from './../patterns/PrimaryHeader'
import { useGetViewerQuery } from '../../lib/networking/queries/useGetViewerQuery'
import { navigationCommands } from '../../lib/keyboardShortcuts/navigationShortcuts'
@ -54,21 +59,16 @@ export function PrimaryLayout(props: PrimaryLayoutProps): JSX.Element {
return (
<>
{props.pageMetaDataProps ? (
<PageMetaData
ogImage="/static/images/og-homepage.png"
{...props.pageMetaDataProps}
/>
<PageMetaData {...props.pageMetaDataProps} />
) : null}
<Box
css={{
width: '100vw',
height: '100vh',
bg: 'transparent',
'@smDown': {
bg: '$grayBase',
},
}}
>
<Box css={{
width: '100vw',
height: '100vh',
bg: 'transparent',
'@smDown': {
bg: '$grayBase',
}
}}>
<PrimaryHeader
user={viewerData?.me}
hideHeader={props.hideHeader}
@ -88,11 +88,11 @@ export function PrimaryLayout(props: PrimaryLayoutProps): JSX.Element {
}}
>
<Box
css={{
height: '48px',
bg: '$grayBase',
}}
></Box>
css={{
height: '48px',
bg: '$grayBase',
}}
></Box>
{props.children}
{showLogoutConfirmation ? (
<ConfirmationModal

View file

@ -44,7 +44,7 @@ export default function LandingPage(): JSX.Element {
<PageMetaData
title="Omnivore"
path="/about"
ogImage="/static/images/og-homepage.png"
ogImage="/static/images/og-homepage-02.png"
description="Omnivore is the free, open source, read-it-later app for serious readers."
/>

View file

@ -54,7 +54,7 @@ export default function LandingPage(): JSX.Element {
<PageMetaData
title="Omnivore"
path="/"
ogImage="/static/images/og-homepage.png"
ogImage="/static/images/og-homepage-02.png"
description="Omnivore is the free, open source, read-it-later app for serious readers."
/>
<LoadingView bgColor="#FEFCF5" />
@ -67,7 +67,7 @@ export default function LandingPage(): JSX.Element {
<PageMetaData
title="Omnivore"
path="/"
ogImage="/static/images/og-homepage.png"
ogImage="/static/images/og-homepage-02.png"
description="Omnivore is the free, open source, read-it-later app for serious readers."
/>

View file

@ -32,13 +32,15 @@ export default function Login(): JSX.Element {
return (
<>
<Head>
</Head>
<Script
src="https://accounts.google.com/gsi/client"
strategy="afterInteractive"
/>
<PageMetaData title="Welcome to Omnivore" path="/login" ogImage='/static/images/og-homepage.png' />
<PageMetaData
title="Welcome to Omnivore"
path="/login"
ogImage="/static/images/og-homepage-02.png"
/>
<LoginLayout {...loginFormProps} />
<div data-testid="login-page-tag" />
</>

Binary file not shown.

Before

Width:  |  Height:  |  Size: 147 KiB