git.iko.soy/urbit.org
on master help sign in
pages/groups: add title to submit page
a739820Matilde Park
pages/groups/submit.js+13−12
compare with master
unifiedsplit
@@ -1,10 +1,11 @@
1import Link from "next/link";
1import Link from "next/link";
2import { useState } from "react";
2import { useState } from "react";
3−import { encode } from "html-entities";
4import Container from "../../components/Container";
3import Container from "../../components/Container";
5import Section from "../../components/Section";
4import Section from "../../components/Section";
6import SingleColumn from "../../components/SingleColumn";
5import SingleColumn from "../../components/SingleColumn";
7import { useInputChange } from "../../lib/hooks";
6import { useInputChange } from "../../lib/hooks";
7+import Head from "next/head";
8+import Meta from "../../components/Meta";
8
9
9const SubmissionPage = () => {
10const SubmissionPage = () => {
10 const [form, handleFormChange] = useInputChange();
11 const [form, handleFormChange] = useInputChange();
@@ -26,6 +27,10 @@ ${form?.description || ""}`
26
27
27 return (
28 return (
28 <Container>
29 <Container>
30+ <Head>
31+ <title>Submit a group • Urbit.org</title>
32+ {Meta}
33+ </Head>
29 <SingleColumn>
34 <SingleColumn>
30 <Section narrow className="space-y-12">
35 <Section narrow className="space-y-12">
31 <div className="flex flex-col space-y-4">
36 <div className="flex flex-col space-y-4">
@@ -60,6 +65,7 @@ ${form?.description || ""}`
60 <input
65 <input
61 className="bg-wall-100 p-2"
66 className="bg-wall-100 p-2"
62 name="groupName"
67 name="groupName"
68+ placeholder="Urbit Community"
63 onChange={handleFormChange}
69 onChange={handleFormChange}
64 />
70 />
65 </div>
71 </div>
@@ -91,34 +97,29 @@ ${form?.description || ""}`
91 </div>
97 </div>
92 </div>
98 </div>
93 <div className="flex flex-col">
99 <div className="flex flex-col">
94− <p>
95− Shortcode (e.g. <code>~bitbet-bolbel/urbit-community</code>)
96− (required)
100+ <p>Shortcode (required)</p>
97− </p>
98 <input
101 <input
99 className="bg-wall-100 p-2"
102 className="bg-wall-100 p-2"
100 name="shortcode"
103 name="shortcode"
104+ placeholder="~bitbet-bolbel/urbit-community"
101 onChange={handleFormChange}
105 onChange={handleFormChange}
102 />
106 />
103 </div>
107 </div>
104 <div className="flex flex-col">
108 <div className="flex flex-col">
105− <p>
106− Group image URL (e.g. <code>https://...</code>) or color (e.g.{" "}
109+ <p>Group image URL or color</p>
107− <code>#FFCED0</code>)
108− </p>
109 <input
110 <input
110 className="bg-wall-100 p-2"
111 className="bg-wall-100 p-2"
111 name="imageUrl"
112 name="imageUrl"
113+ placeholder="https://... or #FFCDE0"
112 onChange={handleFormChange}
114 onChange={handleFormChange}
113 />
115 />
114 </div>
116 </div>
115 <div className="flex flex-col">
117 <div className="flex flex-col">
116− <p>
117− Members (e.g. <code>1000+</code>)
118+ <p>Members</p>
118− </p>
119 <input
119 <input
120 className="bg-wall-100 p-2"
120 className="bg-wall-100 p-2"
121 name="members"
121 name="members"
122+ placeholder="1000+"
122 onChange={handleFormChange}
123 onChange={handleFormChange}
123 />
124 />
124 </div>
125 </div>