Add icons and git link

This commit is contained in:
3wc 2020-11-13 03:49:05 +02:00
parent 308d31b184
commit 317abfb626
2 changed files with 22 additions and 9 deletions

View File

@ -20,6 +20,7 @@ body {
flex-direction: column;
align-items: center;
justify-content: center;
position: relative;
}
.App .Main form {
@ -35,6 +36,12 @@ body {
.App .Main ul {
text-align: left;
width: 50%;
width: 70%;
margin: 0 auto;
}
.Meta {
position: absolute;
right: 10px;
bottom: 10px;
}

View File

@ -1,7 +1,10 @@
import React from 'react';
import {
Heading, IconButton, StarIcon, Pane, TextInput, Text, Spinner, Textarea, ListItem, UnorderedList
Heading, Text, Spinner, Link,
IconButton, StarIcon, Pane, TextInput,
ListItem, UnorderedList,
EditIcon, LockIcon, PhoneIcon, ApplicationIcon
} from 'evergreen-ui'
import './App.css';
@ -84,18 +87,18 @@ class Form extends React.Component {
)}
{!invalid && name && (
<Pane className="center">
<h3>Copy Pasta</h3>
<h3>details for "{name}"</h3>
<UnorderedList size={500}>
<ListItem>
Notes: https://pad.riseup.net/p/{name}
<ListItem icon={EditIcon}>
Notes: <Link href="https://pad.riseup.net/p/{name}">https://pad.riseup.net/p/{name}</Link>
</ListItem>
<ListItem>
Computer / app: https://meet.jit.si/{name}
<ListItem icon={ApplicationIcon}>
Computer / app: <Link href="https://meet.jit.si/{name}">https://meet.jit.si/{name}</Link>
</ListItem>
<ListItem>
<ListItem icon={PhoneIcon}>
Phone: {phone}
</ListItem>
<ListItem>
<ListItem icon={LockIcon}>
PIN: {meetingid}
</ListItem>
</UnorderedList>
@ -119,6 +122,9 @@ class App extends React.Component {
className="Main"
>
<Form />
<Pane className="Meta">
horizonevent by @3wc. <Link href="https://git.autonomic.zone/3wordchant/horizonevent/">source</Link>
</Pane>
</Pane>
</Pane>
);