manifold/web/pages/_app.tsx

import 'tailwindcss/tailwind.css'
import type { AppProps } from 'next/app'
import Head from 'next/head'
import { usePreserveScroll } from 'web/hooks/use-preserve-scroll'

function MyApp({ Component, pageProps }: AppProps) {
  usePreserveScroll()

  return (
    <>
      <Head>
        <title>Manifold Markets — A market for every question</title>

        <meta
          property="og:title"
          name="twitter:title"
          content="Manifold Markets — A market for every question"
          key="title"
        />
        <meta
          name="description"
          content="Manifold Markets lets you create a market on any question. Sign up in 30 seconds and start trading on politics, sports, or anything that interests you."
          key="description1"
        />
        <meta
          property="og:description"
          name="twitter:description"
          content="Manifold Markets lets you create a market on any question. Sign up in 30 seconds and start trading on politics, sports, or anything that interests you."
          key="description2"
        />
        <meta property="og:url" content="https://manifold.markets" key="url" />
        <meta name="twitter:card" content="summary" key="card" />
        <meta name="twitter:site" content="@manifoldmarkets" />
        <meta
          property="og:image"
          content="https://manifold.markets/logo-cover.png"
          key="image1"
        />
        <meta
          name="twitter:image"
          content="https://manifold.markets/logo-bg-white.png"
          key="image2"
        />
        <meta
          name="viewport"
          content="width=device-width, initial-scale=1, maximum-scale=1"
        />
      </Head>

      <Component {...pageProps} />
    </>
  )
}

export default MyApp
Prettier: no semi, spaces 2, single quote, trailing comma 2021-12-02 23:49:46 +00:00			`import 'tailwindcss/tailwind.css'`
			`import type { AppProps } from 'next/app'`
test 2021-12-16 04:52:07 +00:00			`import Head from 'next/head'`
More absolute imports (#156) * Configure functions module to allow absolute imports * Convert common imports in functions to be absolute * Convert common imports in web to be absolute * Convert lib imports in web to be absolute * Convert hooks imports in web to be absolute * Convert components imports in web to be absolute 2022-05-09 13:04:36 +00:00			`import { usePreserveScroll } from 'web/hooks/use-preserve-scroll'`
Create Nextjs template app under web directory. 2021-12-01 04:20:13 +00:00
			`function MyApp({ Component, pageProps }: AppProps) {`
Preserve scroll on back 2022-01-15 00:43:00 +00:00			`usePreserveScroll()`

test 2021-12-16 04:52:07 +00:00			`return (`
			`<>`
			`<Head>`
"A market for every question" 2022-04-06 18:20:16 +00:00			`<title>Manifold Markets — A market for every question</title>`
test 2021-12-16 04:52:07 +00:00
			`<meta`
			`property="og:title"`
			`name="twitter:title"`
"A market for every question" 2022-04-06 18:20:16 +00:00			`content="Manifold Markets — A market for every question"`
test 2021-12-16 04:52:07 +00:00			`key="title"`
			`/>`
			`<meta`
			`name="description"`
"A market for every question" 2022-04-06 18:20:16 +00:00			`content="Manifold Markets lets you create a market on any question. Sign up in 30 seconds and start trading on politics, sports, or anything that interests you."`
SEO component 2021-12-16 18:40:23 +00:00			`key="description1"`
test 2021-12-16 04:52:07 +00:00			`/>`
			`<meta`
			`property="og:description"`
			`name="twitter:description"`
"A market for every question" 2022-04-06 18:20:16 +00:00			`content="Manifold Markets lets you create a market on any question. Sign up in 30 seconds and start trading on politics, sports, or anything that interests you."`
SEO component 2021-12-16 18:40:23 +00:00			`key="description2"`
test 2021-12-16 04:52:07 +00:00			`/>`
Rename to Manifold Markets! (#19) * Update logo and about page to manifold * Change urls, titles / metatags, landing page 2022-01-06 18:48:30 +00:00			`<meta property="og:url" content="https://manifold.markets" key="url" />`
Use the generated OpenGraph card in all markets (#23) * Run OpenGraph server on dev port 3001 * Cut '%' since frontend already passes it * Use the generated card in markets * Rename to ogCardProps * Don't show creator avatar url, for now * Remove bad comment 2022-01-10 07:05:24 +00:00			`<meta name="twitter:card" content="summary" key="card" />`
Rename to Manifold Markets! (#19) * Update logo and about page to manifold * Change urls, titles / metatags, landing page 2022-01-06 18:48:30 +00:00			`<meta name="twitter:site" content="@manifoldmarkets" />`
test 2021-12-16 04:52:07 +00:00			`<meta`
			`property="og:image"`
Dynamically generate Opengraph images for each market (#21) * Start customizing opengraph image * Fix cover image size to 1200x630 * Design a text-based, dynamic preview card * Load designed html into template.ts Remove twemoji for now too * Take in params to configure Manifold card * Switch back to hardcoded png for default case 2022-01-10 05:50:31 +00:00			`content="https://manifold.markets/logo-cover.png"`
Use the generated OpenGraph card in all markets (#23) * Run OpenGraph server on dev port 3001 * Cut '%' since frontend already passes it * Use the generated card in markets * Rename to ogCardProps * Don't show creator avatar url, for now * Remove bad comment 2022-01-10 07:05:24 +00:00			`key="image1"`
meta image tag 2022-01-07 03:54:11 +00:00			`/>`
			`<meta`
test 2021-12-16 04:52:07 +00:00			`name="twitter:image"`
New logo: oragami crane (#25) * new logo * Switch out mantis for crane in logos * White svg on dark background. Align correctly on landing page. * Mobile navbar: hide your name, write out Manifold Markets Co-authored-by: mantikoros <sgrugett@gmail.com> 2022-01-11 06:16:58 +00:00			`content="https://manifold.markets/logo-bg-white.png"`
Use the generated OpenGraph card in all markets (#23) * Run OpenGraph server on dev port 3001 * Cut '%' since frontend already passes it * Use the generated card in markets * Rename to ogCardProps * Don't show creator avatar url, for now * Remove bad comment 2022-01-10 07:05:24 +00:00			`key="image2"`
test 2021-12-16 04:52:07 +00:00			`/>`
app: viewport meta tag to prevent Safari from automatically zooming in 2022-04-07 03:54:44 +00:00			`<meta`
			`name="viewport"`
			`content="width=device-width, initial-scale=1, maximum-scale=1"`
			`/>`
test 2021-12-16 04:52:07 +00:00			`</Head>`

			`<Component {...pageProps} />`
			`</>`
			`)`
Create Nextjs template app under web directory. 2021-12-01 04:20:13 +00:00			`}`

Prettier: no semi, spaces 2, single quote, trailing comma 2021-12-02 23:49:46 +00:00			`export default MyApp`