diff --git a/web/README.md b/web/README.md index 4831265e..30869057 100644 --- a/web/README.md +++ b/web/README.md @@ -1,7 +1,13 @@ # Mantic Markets web -### Getting Started +## Getting Started 1. Run `npm install` 2. Run `npm run dev` 3. Your site will be available on http://localhost:3000 + +## Formatting + +Before committing, run `npx prettier --write . ` + +Recommended: Use a [Prettier editor integration](https://prettier.io/docs/en/editors.html) to automatically format on save diff --git a/web/components/convert-kit-email-form.tsx b/web/components/convert-kit-email-form.tsx index 88f06dd8..00c0e788 100644 --- a/web/components/convert-kit-email-form.tsx +++ b/web/components/convert-kit-email-form.tsx @@ -1,11 +1,9 @@ export const ConvertKitEmailForm = () => { - return ( -
- ) -} + return
; +}; const convertkitHTML = { - __html: ` + __html: `
@@ -24,5 +22,5 @@ const convertkitHTML = {
-` -} +`, +}; diff --git a/web/components/hero.tsx b/web/components/hero.tsx index 28b1db84..6b3d3475 100644 --- a/web/components/hero.tsx +++ b/web/components/hero.tsx @@ -1,15 +1,18 @@ -import { Popover } from '@headlessui/react' -import { ConvertKitEmailForm } from './convert-kit-email-form' +import { Popover } from "@headlessui/react"; +import { ConvertKitEmailForm } from "./convert-kit-email-form"; const navigation = [ - { name: 'About', href: 'https://mantic.notion.site/About-Mantic-Markets-09bdde9044614e62a27477b4b1bf77ea' }, - { name: 'Simulator', href: 'https://simulator.mantic.markets' }, - ] + { + name: "About", + href: "https://mantic.notion.site/About-Mantic-Markets-09bdde9044614e62a27477b4b1bf77ea", + }, + { name: "Simulator", href: "https://simulator.mantic.markets" }, +]; export const Hero = () => { return (
- {/*
*/} + {/*
*/}
@@ -19,15 +22,27 @@ export const Hero = () => { >
- +
{navigation.map((item) => ( - + {item.name} ))} @@ -45,13 +60,16 @@ export const Hero = () => {

Create your own - prediction markets + + prediction markets +

- Create and resolve your own prediction markets to earn a percent of the bet volume. Powered by Solana. + Create and resolve your own prediction markets to earn a + percent of the bet volume. Powered by Solana.

- +
@@ -59,7 +77,6 @@ export const Hero = () => {
-
- ) -} \ No newline at end of file + ); +}; diff --git a/web/next.config.js b/web/next.config.js index 8b61df4e..3dd7ef15 100644 --- a/web/next.config.js +++ b/web/next.config.js @@ -1,4 +1,4 @@ /** @type {import('next').NextConfig} */ module.exports = { reactStrictMode: true, -} +}; diff --git a/web/pages/_app.tsx b/web/pages/_app.tsx index 8e5360d9..185a168e 100644 --- a/web/pages/_app.tsx +++ b/web/pages/_app.tsx @@ -1,8 +1,8 @@ -import 'tailwindcss/tailwind.css' -import type { AppProps } from 'next/app' +import "tailwindcss/tailwind.css"; +import type { AppProps } from "next/app"; function MyApp({ Component, pageProps }: AppProps) { - return + return ; } -export default MyApp +export default MyApp; diff --git a/web/pages/api/hello.ts b/web/pages/api/hello.ts index f8bcc7e5..74a3605d 100644 --- a/web/pages/api/hello.ts +++ b/web/pages/api/hello.ts @@ -1,13 +1,13 @@ // Next.js API route support: https://nextjs.org/docs/api-routes/introduction -import type { NextApiRequest, NextApiResponse } from 'next' +import type { NextApiRequest, NextApiResponse } from "next"; type Data = { - name: string -} + name: string; +}; export default function handler( req: NextApiRequest, res: NextApiResponse ) { - res.status(200).json({ name: 'John Doe' }) + res.status(200).json({ name: "John Doe" }); } diff --git a/web/pages/index.tsx b/web/pages/index.tsx index 256c370d..61610a78 100644 --- a/web/pages/index.tsx +++ b/web/pages/index.tsx @@ -1,7 +1,7 @@ -import type { NextPage } from 'next' -import Head from 'next/head' -import React from 'react' -import LandingPage from './landing-page' +import type { NextPage } from "next"; +import Head from "next/head"; +import React from "react"; +import LandingPage from "./landing-page"; const Home: NextPage = () => { return ( @@ -13,12 +13,15 @@ const Home: NextPage = () => { - +
- ) -} + ); +}; -export default Home +export default Home; diff --git a/web/pages/landing-page.tsx b/web/pages/landing-page.tsx index 72baaf42..d84e7230 100644 --- a/web/pages/landing-page.tsx +++ b/web/pages/landing-page.tsx @@ -1,10 +1,8 @@ -import React from 'react' -import { Hero } from '../components/hero' +import React from "react"; +import { Hero } from "../components/hero"; const LandingPage = () => { - return ( - - ) -} + return ; +}; -export default LandingPage \ No newline at end of file +export default LandingPage; diff --git a/web/postcss.config.js b/web/postcss.config.js index 3fa0a951..3687d286 100644 --- a/web/postcss.config.js +++ b/web/postcss.config.js @@ -5,4 +5,4 @@ module.exports = { tailwindcss: {}, autoprefixer: {}, }, -} +}; diff --git a/web/tailwind.config.js b/web/tailwind.config.js index 7a47643b..acfe6d42 100644 --- a/web/tailwind.config.js +++ b/web/tailwind.config.js @@ -1,21 +1,19 @@ module.exports = { - mode: 'jit', - purge: ['./pages/**/*.{js,ts,jsx,tsx}', './components/**/*.{js,ts,jsx,tsx}'], + mode: "jit", + purge: ["./pages/**/*.{js,ts,jsx,tsx}", "./components/**/*.{js,ts,jsx,tsx}"], darkMode: false, // or 'media' or 'class' theme: { fontFamily: { - 'major-mono': ['Major Mono Display', 'monospace'], + "major-mono": ["Major Mono Display", "monospace"], }, extend: { backgroundImage: { - 'world-trading': "url('/world-trading-background.jpg')", - } + "world-trading": "url('/world-trading-background.jpg')", + }, }, }, variants: { extend: {}, }, - plugins: [ - require('@tailwindcss/forms'), - ], -} + plugins: [require("@tailwindcss/forms")], +};