From bf6b3ceb87907fc89f92fa9d8ce42998cff9ed29 Mon Sep 17 00:00:00 2001 From: Jackson Harper Date: Mon, 9 Jan 2023 11:09:29 +0800 Subject: [PATCH 1/2] Set a default opengraph image on the primary layout --- .../components/templates/PrimaryLayout.tsx | 40 +++++++++---------- 1 file changed, 20 insertions(+), 20 deletions(-) diff --git a/packages/web/components/templates/PrimaryLayout.tsx b/packages/web/components/templates/PrimaryLayout.tsx index 30b652ea3..ea3c53d6a 100644 --- a/packages/web/components/templates/PrimaryLayout.tsx +++ b/packages/web/components/templates/PrimaryLayout.tsx @@ -1,11 +1,6 @@ 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' @@ -59,16 +54,21 @@ export function PrimaryLayout(props: PrimaryLayoutProps): JSX.Element { return ( <> {props.pageMetaDataProps ? ( - + ) : null} - + + css={{ + height: '48px', + bg: '$grayBase', + }} + > {props.children} {showLogoutConfirmation ? ( Date: Mon, 9 Jan 2023 11:14:33 +0800 Subject: [PATCH 2/2] Update URL to opengraph image to break caches --- .../components/templates/PrimaryLayout.tsx | 40 +++++++++--------- packages/web/pages/about.tsx | 2 +- packages/web/pages/index.tsx | 4 +- packages/web/pages/login.tsx | 8 ++-- .../web/public/static/images/og-homepage.png | Bin 150968 -> 0 bytes 5 files changed, 28 insertions(+), 26 deletions(-) delete mode 100644 packages/web/public/static/images/og-homepage.png diff --git a/packages/web/components/templates/PrimaryLayout.tsx b/packages/web/components/templates/PrimaryLayout.tsx index ea3c53d6a..30b652ea3 100644 --- a/packages/web/components/templates/PrimaryLayout.tsx +++ b/packages/web/components/templates/PrimaryLayout.tsx @@ -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 ? ( - + ) : null} - + + css={{ + height: '48px', + bg: '$grayBase', + }} + > {props.children} {showLogoutConfirmation ? ( diff --git a/packages/web/pages/index.tsx b/packages/web/pages/index.tsx index 8ed038736..888be6ce6 100644 --- a/packages/web/pages/index.tsx +++ b/packages/web/pages/index.tsx @@ -54,7 +54,7 @@ export default function LandingPage(): JSX.Element { @@ -67,7 +67,7 @@ export default function LandingPage(): JSX.Element { diff --git a/packages/web/pages/login.tsx b/packages/web/pages/login.tsx index fcd7578f3..cc7de434a 100644 --- a/packages/web/pages/login.tsx +++ b/packages/web/pages/login.tsx @@ -32,13 +32,15 @@ export default function Login(): JSX.Element { return ( <> - -