From c9e79c30f926f7b0593b7bfb9699a3c6a400f148 Mon Sep 17 00:00:00 2001
From: mariacasancho <mariacasancho@gmail.com>
Date: Sun, 24 Oct 2021 08:22:32 +0200
Subject: [PATCH] AddDescription

---
 components/AddSiteModal.js | 13 ++++++++++++-
 components/SiteTable.js    |  2 ++
 2 files changed, 14 insertions(+), 1 deletion(-)

diff --git a/components/AddSiteModal.js b/components/AddSiteModal.js
index 214109f..6944316 100644
--- a/components/AddSiteModal.js
+++ b/components/AddSiteModal.js
@@ -25,11 +25,12 @@ const AddSiteModal = ({ children }) => {
   const { isOpen, onOpen, onClose } = useDisclosure();
   const { handleSubmit, register } = useForm();
 
-  const onCreateSite = ({ name, url }) => {
+  const onCreateSite = ({ name, description, url }) => {
     const newSite = {
       authorId: auth.user.uid,
       createdAt: new Date().toISOString(),
       name,
+      description,
       url
     };
 
@@ -93,6 +94,16 @@ const AddSiteModal = ({ children }) => {
                 })}
               />
             </FormControl>
+            <FormControl>
+              <FormLabel>Description</FormLabel>
+              <Input
+                placeholder="Description"
+                name="description"
+                ref={register({
+                  required: false
+                })}
+              />
+            </FormControl>
           </ModalBody>
 
           <ModalFooter>
diff --git a/components/SiteTable.js b/components/SiteTable.js
index 358539f..776a0c5 100644
--- a/components/SiteTable.js
+++ b/components/SiteTable.js
@@ -12,6 +12,7 @@ const SiteTable = ({ sites }) => {
           <Th>Name</Th>
           <Th>Site Link</Th>
           <Th>Feedback Link</Th>
+          <Th>Description</Th>
           <Th>Date Added</Th>
           <Th>{''}</Th>
         </Tr>
@@ -30,6 +31,7 @@ const SiteTable = ({ sites }) => {
                 <Link>View Feedback</Link>
               </NextLink>
             </Td>
+            <Td>{site.description}</Td>
             <Td>{format(parseISO(site.createdAt), 'PPpp')}</Td>
           </Box>
         ))}