diff --git a/src/App.css b/src/App.css index 6b4a325..caf430c 100644 --- a/src/App.css +++ b/src/App.css @@ -32,3 +32,9 @@ body { .App .Main form * { margin: 0 5px; } + +.App .Main ul { + text-align: left; + width: 50%; + margin: 0 auto; +} diff --git a/src/App.js b/src/App.js index 7c8937c..c630e02 100644 --- a/src/App.js +++ b/src/App.js @@ -1,7 +1,7 @@ import React from 'react'; import { - Heading, IconButton, StarIcon, Pane, TextInput, Text, Spinner, Textarea + Heading, IconButton, StarIcon, Pane, TextInput, Text, Spinner, Textarea, ListItem, UnorderedList } from 'evergreen-ui' import './App.css'; @@ -19,6 +19,7 @@ class Form extends React.Component { event.preventDefault(); this.setState({ loading: true, + name: null }); if (!event.target.checkValidity()) { @@ -50,15 +51,11 @@ class Form extends React.Component { meetingid: data_id.id, phone: data_numbers.numbers.UK, loading: false, - str: `Notes: https://pad.riseup.net/p/${name} - Computer / app: https://meet.jit.si/${name} - Phone: ${data_numbers.numbers.UK} - PIN: ${data_id.id}` }) } render() { - const { str, name, meetingid, invalid, phone, loading, displayErrors } = this.state; + const { name, meetingid, invalid, phone, loading, displayErrors } = this.state; return (
)} {!invalid && name && ( - +

Copy Pasta

-