From 317abfb626af3d83e769ce10cc9505d990416c2d Mon Sep 17 00:00:00 2001
From: 3wc <3wc.git@doesthisthing.work>
Date: Fri, 13 Nov 2020 03:49:05 +0200
Subject: [PATCH] Add icons and git link

---
 src/App.css |  9 ++++++++-
 src/App.js  | 22 ++++++++++++++--------
 2 files changed, 22 insertions(+), 9 deletions(-)

diff --git a/src/App.css b/src/App.css
index caf430c..fcac672 100644
--- a/src/App.css
+++ b/src/App.css
@@ -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;
+}
diff --git a/src/App.js b/src/App.js
index c630e02..9fba850 100644
--- a/src/App.js
+++ b/src/App.js
@@ -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>
     );