Create signup.tsx

OHMORIYUSUKE · OHMORIYUSUKE · commit 3c0b3d9cb464 · 2021-03-17T10:24:19.000+09:00
diff --git a/.prettierrc.js b/.prettierrc.js
@@ -8,5 +8,6 @@ module.exports = {
   tabWidth: 2,
   useTabs: false,
   jsxBracketSameLine: true,
-  bracketSpacing: true
+  bracketSpacing: true,
+  endOfLine: "auto",
 }
diff --git a/pages/signup.tsx b/pages/signup.tsx
@@ -0,0 +1,48 @@
+import { NextPage } from 'next';
+import Head from 'next/head';
+import { Grid, TextField, Button } from '@material-ui/core';
+import React from 'react';
+
+const Home: NextPage = () => {
+  return (
+    <>
+      <Head>
+        <title>OmnisCode</title>
+        <link rel="icon" href="/favicon.ico" />
+
+        <meta property="og:title" content="OmnisCode" />
+        <meta property="og:type" content="website" />
+        <meta property="og:url" content="https://ocode.one" />
+        <meta property="og:image" content="https://sample.png" />
+        <meta property="og:site_name" content="OmnisCode" />
+        <meta
+          property="og:description"
+          content="OmnisCode | コードを共有するSNS"
+        />
+      </Head>
+      <Grid container alignItems="center" justify="center">
+        <Grid item xs={5}>
+          <h1>プロフィール入力ページ</h1>
+          <h3>新規登録ありがとうございます。</h3>
+          <p>このサイトで表示する名前を入力してください。</p>
+          <TextField
+            style={{ width: '100%', height: '80px' }}
+            id="standard-basic"
+            label="UserName"
+          />
+          <p>あなたのプロフィールを入力してください。</p>
+          <TextField
+            style={{ width: '100%', height: '80px' }}
+            id="standard-basic"
+            label="Discription"
+          />
+          <Button size="large" variant="contained" color="primary">
+            登録
+          </Button>
+        </Grid>
+      </Grid>
+    </>
+  );
+};
+
+export default Home;

Original file line number	Diff line number	Diff line change
`@@ -8,5 +8,6 @@ module.exports = {`
`8`	`8`	`tabWidth: 2,`
`9`	`9`	`useTabs: false,`
`10`	`10`	`jsxBracketSameLine: true,`
`11`		`- bracketSpacing: true`
	`11`	`+ bracketSpacing: true,`
	`12`	`+ endOfLine: "auto",`
`12`	`13`	`}`