From 2939ffc4c02c56b45bd143f8d86d20af144a27d3 Mon Sep 17 00:00:00 2001
From: cv <34649812+cpvalente@users.noreply.github.com>
Date: Mon, 22 Mar 2021 21:36:01 +0100
Subject: [PATCH] layout event list

---
 src/features/editors/list/EventList.jsx | 56 +++++++++++++++++++++++++
 1 file changed, 56 insertions(+)
 create mode 100644 src/features/editors/list/EventList.jsx

diff --git a/src/features/editors/list/EventList.jsx b/src/features/editors/list/EventList.jsx
new file mode 100644
index 000000000..f3be5cc9f
--- /dev/null
+++ b/src/features/editors/list/EventList.jsx
@@ -0,0 +1,56 @@
+import {
+  Table,
+  Thead,
+  Tbody,
+  Tr,
+  Th,
+  Td,
+  TableCaption,
+  Button,
+} from '@chakra-ui/react';
+
+export default function EventList() {
+  return (
+    <div className>
+      <Table variant='simple' size='sm'>
+        <TableCaption>Todays event list</TableCaption>
+
+        <Thead>
+          <Tr>
+            <Th>Event Title</Th>
+            <Th>Event Subtitle</Th>
+            <Th>Presenter Name</Th>
+            <Th>Time Start</Th>
+            <Th>Time End</Th>
+            <Th>Timer</Th>
+            <Th></Th>
+          </Tr>
+        </Thead>
+        <Tbody>
+          <Tr>
+            <Td>Title</Td>
+            <Td>Subtitle</Td>
+            <Td>Presenter</Td>
+            <Td>10:00</Td>
+            <Td>11:00</Td>
+            <Td>60.00</Td>
+            <Td>
+              <Button colorScheme='teal'>❯</Button>
+            </Td>
+          </Tr>
+          <Tr>
+            <Td>Title</Td>
+            <Td>Subtitle</Td>
+            <Td>Presenter</Td>
+            <Td>10:00</Td>
+            <Td>11:00</Td>
+            <Td>60.00</Td>
+            <Td>
+              <Button colorScheme='teal'>❯</Button>
+            </Td>
+          </Tr>
+        </Tbody>
+      </Table>
+    </div>
+  );
+}