From c140fa72cc806dbfc11bc2d1bfcdb25fb4b978fb Mon Sep 17 00:00:00 2001
From: kozr <zxzflow@gmail.com>
Date: Sun, 22 Aug 2021 17:31:39 -0700
Subject: [PATCH 1/5] store the page

---
 constants.js            |  1 +
 pages/[id]/resources.js | 44 +++++++++++++++++++++++++++++++++++++++++
 2 files changed, 45 insertions(+)
 create mode 100644 pages/[id]/resources.js

diff --git a/constants.js b/constants.js
index 8eb245ea..e9796f3e 100644
--- a/constants.js
+++ b/constants.js
@@ -31,6 +31,7 @@ export const HACKATHON_NAVBAR = {
   intro: 'Intro',
   events: 'Events',
   spocos: 'Sponsors',
+  resources: 'Resources',
   FeatureFlags: 'Feature Flags',
   BuildConfig: 'Build Config',
 };
diff --git a/pages/[id]/resources.js b/pages/[id]/resources.js
new file mode 100644
index 00000000..93274a21
--- /dev/null
+++ b/pages/[id]/resources.js
@@ -0,0 +1,44 @@
+import { useState, useEffect } from "react";
+import styled from "styled-components";
+import Page from "../../components/page";
+import Card, { CardHeader, CardTitle } from "../../components/card";
+import { getHackathonPaths, getHackathons } from "../../utility/firebase";
+import { HACKATHON_NAVBAR } from "../../constants";
+
+export default function Resources({ id, hackathons }) {
+  return (
+    <Page
+      currentPath={id}
+      hackathons={hackathons}
+      navbarItems={HACKATHON_NAVBAR}
+    >
+      {id === "www" ? (
+        <Card>
+          <CardHeader>
+            <CardTitle>WWW</CardTitle>
+          </CardHeader>
+        </Card>
+      ) : (
+        <Card>
+          <CardHeader>
+            <CardTitle>Not applicable for this website</CardTitle>
+          </CardHeader>
+        </Card>
+      )}
+    </Page>
+  );
+}
+
+export const getStaticPaths = async () => {
+  return getHackathonPaths();
+};
+
+export const getStaticProps = async ({ params }) => {
+  const hackathons = await getHackathons();
+  return {
+    props: {
+      hackathons,
+      id: params.id,
+    },
+  };
+};

From 423326dee535da7f29bdaf0cf9744bfa57faaad5 Mon Sep 17 00:00:00 2001
From: kozr <zxzflow@gmail.com>
Date: Sun, 22 Aug 2021 20:02:49 -0700
Subject: [PATCH 2/5] going out but close to being done

---
 pages/[id]/resources.js | 245 ++++++++++++++++++++++++++++++++++++++--
 1 file changed, 237 insertions(+), 8 deletions(-)

diff --git a/pages/[id]/resources.js b/pages/[id]/resources.js
index 93274a21..1d32ca89 100644
--- a/pages/[id]/resources.js
+++ b/pages/[id]/resources.js
@@ -1,22 +1,99 @@
-import { useState, useEffect } from "react";
-import styled from "styled-components";
-import Page from "../../components/page";
-import Card, { CardHeader, CardTitle } from "../../components/card";
-import { getHackathonPaths, getHackathons } from "../../utility/firebase";
-import { HACKATHON_NAVBAR } from "../../constants";
+import { useState, useEffect } from 'react';
+import styled from 'styled-components';
+import Page from '../../components/page';
+import Button from '../../components/button';
+import Card, {
+  CardHeader,
+  CardTitle,
+  CardContent,
+  CardButtonContainer,
+} from '../../components/card';
+import {
+  TableWrapper,
+  TableContent,
+  TableRow,
+  TableHeader,
+  TableData,
+  ActionsButtonContainer,
+} from '../../components/table';
+import Modal, { Label, ModalContent, ModalField } from '../../components/modal';
+import { getHackathonPaths, getHackathons } from '../../utility/firebase';
+import { EDIT, NEW, DELETE, COLOR, HACKATHON_NAVBAR } from '../../constants';
+
+const resourceCards = [
+  {
+    title: 'title',
+    imageUrl: 'https://imageUrl.com',
+    resourceUrl: 'https://resourceUrl.com',
+    event: 'event',
+    year: 1970,
+    isOurPick: true,
+    tags: ['tag1'],
+  },
+  {
+    title: 'title2',
+    imageUrl: 'imageUrl2',
+    resourceUrl: 'resourceUrl2',
+    event: 'event2',
+    year: 1970,
+    isOurPick: true,
+    tags: ['tag2', 'tag3'],
+  },
+];
 
 export default function Resources({ id, hackathons }) {
+  const [resourceToEdit, setResourceToEdit] = useState(false);
+  const [resources, setResources] = useState(resourceCards);
+
+  const addNewResourceCard = () => {
+    return;
+  };
+
+  const handleEdit = (r) => {
+    setResourceToEdit(r);
+  };
+
+  const handleDelete = () => {
+    return;
+  };
+
   return (
     <Page
       currentPath={id}
       hackathons={hackathons}
       navbarItems={HACKATHON_NAVBAR}
     >
-      {id === "www" ? (
+      {id === 'www' ? (
         <Card>
           <CardHeader>
-            <CardTitle>WWW</CardTitle>
+            <CardTitle> Resources </CardTitle>
+            <CardButtonContainer>
+              <Button type={NEW} onClick={addNewResourceCard}>
+                New resource card
+              </Button>
+            </CardButtonContainer>
           </CardHeader>
+          <CardContent>
+            <TableWrapper>
+              <TableContent>
+                <CustomTableHeader />
+                <tbody>
+                  {resources.map((r) => (
+                    <ResourceRow
+                      key={r.resourceUrl}
+                      handleEdit={handleEdit}
+                      handleDelete={handleDelete}
+                      {...r}
+                    />
+                  ))}
+                </tbody>
+              </TableContent>
+            </TableWrapper>
+            <EditModal
+              resourceToEdit={resourceToEdit}
+              setResourceToEdit={setResourceToEdit}
+            />
+          </CardContent>
         </Card>
       ) : (
         <Card>
@@ -29,6 +106,158 @@ export default function Resources({ id, hackathons }) {
   );
 }
 
+const EditModal = ({ resourceToEdit, setResourceToEdit }) => {
+  const handleUpdate = () => {
+    return;
+  };
+
+  const handleInput = (property, value, event, setState) => {
+    setState({
+      ...event,
+      [property]: value,
+    });
+  };
+
+  return (
+    <Modal
+      isOpen={Object.keys(resourceToEdit).length > 0}
+      handleClose={() => setResourceToEdit({})}
+      handleSave={() => handleUpdate()}
+      modalAction={EDIT}
+    >
+      <ModalContent columns={1}>
+        <ModalField
+          label="Title"
+          value={resourceToEdit.title}
+          modalAction={EDIT}
+          onChange={(e) => {
+            handleInput(
+              'title',
+              e.target.value,
+              resourceToEdit,
+              setResourceToEdit
+            );
+          }}
+        />
+      </ModalContent>
+      <ModalContent columns={2}>
+        <ModalField
+          label="Resource Url"
+          value={resourceToEdit.resourceUrl}
+          modalAction={EDIT}
+          onChange={(e) => {
+            handleInput(
+              'resourceUrl',
+              e.target.value,
+              resourceToEdit,
+              setResourceToEdit
+            );
+          }}
+        />
+        <ModalField
+          label="Image Url"
+          value={resourceToEdit.imageUrl}
+          modalAction={EDIT}
+          onChange={(e) => {
+            handleInput(
+              'imageUrl',
+              e.target.value,
+              resourceToEdit,
+              setResourceToEdit
+            );
+          }}
+        />
+      </ModalContent>
+      <ModalContent columns={3}>
+      <ModalField
+          label="Event"
+          value={resourceToEdit.event}
+          modalAction={EDIT}
+          onChange={(e) => {
+            handleInput(
+              'event',
+              e.target.value,
+              resourceToEdit,
+              setResourceToEdit
+            );
+          }}
+        />
+        <ModalField
+          label="Year"
+          value={resourceToEdit.year}
+          modalAction={EDIT}
+          onChange={(e) => {
+            handleInput(
+              'year',
+              e.target.value,
+              resourceToEdit,
+              setResourceToEdit
+            );
+          }}
+        />
+        <ModalField
+          label="Our Pick?"
+          value={resourceToEdit.isOurPick}
+          modalAction={EDIT}
+          onChange={(e) => {
+            handleInput(
+              'isOurPick',
+              e.target.value,
+              resourceToEdit,
+              setResourceToEdit
+            );
+          }}
+        />
+      </ModalContent>
+    </Modal>
+  );
+};
+
+const CustomTableHeader = () => (
+  <thead>
+    <TableRow>
+      <TableHeader>Title</TableHeader>
+      <TableHeader>Image Url</TableHeader>
+      <TableHeader>Resource Url</TableHeader>
+      <TableHeader>Event</TableHeader>
+      <TableHeader narrow>Year</TableHeader>
+      <TableHeader narrow>Our pick?</TableHeader>
+      <TableHeader>Tags</TableHeader>
+      <TableHeader>Actions</TableHeader>
+    </TableRow>
+  </thead>
+);
+
+const ResourceRow = ({ handleEdit, handleDelete, ...props }) => {
+  return (
+    <TableRow>
+      <TableData>{props.title}</TableData>
+      <TableData>{props.imageUrl}</TableData>
+      <TableData>{props.resourceUrl}</TableData>
+      <TableData>{props.event}</TableData>
+      <TableData>{props.year}</TableData>
+      <TableData>{props.isOurPick.toString()}</TableData>
+      <TableData>{props.tags.toString()}</TableData>
+      <TableData actions>
+        <ActionsButtonContainer>
+          <Button
+            type={EDIT}
+            color={COLOR.TRANSPARENT}
+            onClick={() => handleEdit(props)}
+          />
+        </ActionsButtonContainer>
+        <ActionsButtonContainer>
+          <Button
+            type={DELETE}
+            color={COLOR.TRANSPARENT}
+            onClick={() => handleDelete(props.resourceUrl)}
+          />
+        </ActionsButtonContainer>
+      </TableData>
+    </TableRow>
+  );
+};
+
 export const getStaticPaths = async () => {
   return getHackathonPaths();
 };

From b621f47fa3dafd2169db67f9c1c7f94a1020418d Mon Sep 17 00:00:00 2001
From: kozr <zxzflow@gmail.com>
Date: Mon, 23 Aug 2021 01:00:20 -0700
Subject: [PATCH 3/5] finish UI

---
 pages/[id]/resources.js | 165 ++++++++++++++++++++++++----------------
 1 file changed, 101 insertions(+), 64 deletions(-)

diff --git a/pages/[id]/resources.js b/pages/[id]/resources.js
index 1d32ca89..91d9d90d 100644
--- a/pages/[id]/resources.js
+++ b/pages/[id]/resources.js
@@ -1,4 +1,4 @@
-import { useState, useEffect } from 'react';
+import { useState, useEffect, createRef } from 'react';
 import styled from 'styled-components';
 import Page from '../../components/page';
 import Button from '../../components/button';
@@ -8,6 +8,7 @@ import Card, {
   CardContent,
   CardButtonContainer,
 } from '../../components/card';
+import Checkbox from '../../components/checkbox';
 import {
   TableWrapper,
   TableContent,
@@ -16,28 +17,36 @@ import {
   TableData,
   ActionsButtonContainer,
 } from '../../components/table';
-import Modal, { Label, ModalContent, ModalField } from '../../components/modal';
+import Modal, {
+  Label,
+  ModalContent,
+  ModalField,
+  LogoImage,
+  UploadContainer,
+} from '../../components/modal';
 import { getHackathonPaths, getHackathons } from '../../utility/firebase';
 import { EDIT, NEW, DELETE, COLOR, HACKATHON_NAVBAR } from '../../constants';
 
 const resourceCards = [
   {
+    id: 'docid',
     title: 'title',
     imageUrl: 'https://imageUrl.com',
     resourceUrl: 'https://resourceUrl.com',
     event: 'event',
     year: 1970,
     isOurPick: true,
-    tags: ['tag1'],
+    type: 'Github',
   },
   {
+    id: 'docid2',
     title: 'title2',
     imageUrl: 'imageUrl2',
     resourceUrl: 'resourceUrl2',
     event: 'event2',
     year: 1970,
     isOurPick: true,
-    tags: ['tag2', 'tag3'],
+    type: 'Articles',
   },
 ];
 
@@ -57,6 +66,11 @@ export default function Resources({ id, hackathons }) {
     return;
   };
 
+  const finishUpdate = (id) => {
+    setResources(id);
+    return;
+  };
+
   return (
     <Page
       currentPath={id}
@@ -80,7 +94,7 @@ export default function Resources({ id, hackathons }) {
                 <tbody>
                   {resources.map((r) => (
                     <ResourceRow
-                      key={r.resourceUrl}
+                      key={r.id}
                       handleEdit={handleEdit}
                       handleDelete={handleDelete}
                       {...r}
@@ -92,6 +106,7 @@ export default function Resources({ id, hackathons }) {
             <EditModal
               resourceToEdit={resourceToEdit}
               setResourceToEdit={setResourceToEdit}
+              finishUpdate={finishUpdate}
             />
           </CardContent>
         </Card>
@@ -106,18 +121,41 @@ export default function Resources({ id, hackathons }) {
   );
 }
 
-const EditModal = ({ resourceToEdit, setResourceToEdit }) => {
+const EditModal = ({ resourceToEdit, setResourceToEdit, finishUpdate }) => {
+  const [resource, setResource] = useState(resourceToEdit);
+  const [imgObject, setImgObject] = useState({});
+  const inputFile = createRef();
+
   const handleUpdate = () => {
-    return;
+    finishUpdate(resource);
   };
 
-  const handleInput = (property, value, event, setState) => {
-    setState({
-      ...event,
+  const handleInput = (property, value) => {
+    setResource({
+      ...resource,
       [property]: value,
     });
   };
 
+  // clicks the invisible <input type='file />
+  const fileClick = () => {
+    inputFile.current.click();
+  };
+
+  const selectImageFile = (e) => {
+    if (e.target.files[0]) {
+      setImgObject({
+        object: URL.createObjectURL(e.target.files[0]),
+        imgURL: e.target.files[0],
+        imgName: e.target.files[0].name,
+      });
+    }
+  };
+
+  useEffect(() => {
+    setResource(resourceToEdit);
+  }, [resourceToEdit]);
+
   return (
     <Modal
       isOpen={Object.keys(resourceToEdit).length > 0}
@@ -128,87 +166,86 @@ const EditModal = ({ resourceToEdit, setResourceToEdit }) => {
       <ModalContent columns={1}>
         <ModalField
           label="Title"
-          value={resourceToEdit.title}
+          value={resource.title}
           modalAction={EDIT}
           onChange={(e) => {
-            handleInput(
-              'title',
-              e.target.value,
-              resourceToEdit,
-              setResourceToEdit
-            );
+            handleInput('title', e.target.value);
           }}
         />
       </ModalContent>
-      <ModalContent columns={2}>
+
+      <ModalContent columns={1}>
         <ModalField
           label="Resource Url"
-          value={resourceToEdit.resourceUrl}
+          value={resource.resourceUrl}
           modalAction={EDIT}
           onChange={(e) => {
-            handleInput(
-              'resourceUrl',
-              e.target.value,
-              resourceToEdit,
-              setResourceToEdit
-            );
-          }}
-        />
-        <ModalField
-          label="Image Url"
-          value={resourceToEdit.imageUrl}
-          modalAction={EDIT}
-          onChange={(e) => {
-            handleInput(
-              'imageUrl',
-              e.target.value,
-              resourceToEdit,
-              setResourceToEdit
-            );
+            handleInput('resourceUrl', e.target.value);
           }}
         />
       </ModalContent>
+
       <ModalContent columns={3}>
-      <ModalField
+        <ModalField
           label="Event"
-          value={resourceToEdit.event}
+          value={resource.event}
           modalAction={EDIT}
           onChange={(e) => {
-            handleInput(
-              'event',
-              e.target.value,
-              resourceToEdit,
-              setResourceToEdit
-            );
+            handleInput('event', e.target.value);
           }}
         />
         <ModalField
           label="Year"
-          value={resourceToEdit.year}
+          value={resource.year}
           modalAction={EDIT}
           onChange={(e) => {
-            handleInput(
-              'year',
-              e.target.value,
-              resourceToEdit,
-              setResourceToEdit
-            );
+            handleInput('year', e.target.value);
           }}
         />
         <ModalField
-          label="Our Pick?"
-          value={resourceToEdit.isOurPick}
+          label="Type"
+          value={resource.type}
           modalAction={EDIT}
           onChange={(e) => {
-            handleInput(
-              'isOurPick',
-              e.target.value,
-              resourceToEdit,
-              setResourceToEdit
-            );
+            handleInput('type', e.target.value);
           }}
         />
       </ModalContent>
+
+      <ModalContent columns={1}>
+        <Checkbox
+          label="Our Pick?"
+          id="our-pick-checkbox"
+          checked={resource.isOurPick}
+          onClick={() => {
+            handleInput('isOurPick', !resource.isOurPick);
+          }}
+        />
+      </ModalContent>
+      <ModalContent columns={1}>
+        <input
+          type="file"
+          id="file"
+          ref={inputFile}
+          accept="image/*"
+          onChange={selectImageFile}
+          style={{ display: 'none' }}
+        />
+        <LogoImage>
+          <img
+            src={imgObject.object}
+            width="100%"
+            height="100%"
+            alt={imgObject.imgURL}
+          />
+        </LogoImage>
+        <UploadContainer
+          type="text"
+          value={imgObject.imgName}
+          onClick={fileClick}
+          disabled
+        />
+      </ModalContent>
     </Modal>
   );
 };
@@ -219,10 +256,10 @@ const CustomTableHeader = () => (
       <TableHeader>Title</TableHeader>
       <TableHeader>Image Url</TableHeader>
       <TableHeader>Resource Url</TableHeader>
-      <TableHeader>Event</TableHeader>
+      <TableHeader narrow>Event</TableHeader>
+      <TableHeader narrow>Type</TableHeader>
       <TableHeader narrow>Year</TableHeader>
       <TableHeader narrow>Our pick?</TableHeader>
-      <TableHeader>Tags</TableHeader>
       <TableHeader>Actions</TableHeader>
     </TableRow>
   </thead>
@@ -235,9 +272,9 @@ const ResourceRow = ({ handleEdit, handleDelete, ...props }) => {
       <TableData>{props.imageUrl}</TableData>
       <TableData>{props.resourceUrl}</TableData>
       <TableData>{props.event}</TableData>
+      <TableData>{props.type}</TableData>
       <TableData>{props.year}</TableData>
       <TableData>{props.isOurPick.toString()}</TableData>
-      <TableData>{props.tags.toString()}</TableData>
       <TableData actions>
         <ActionsButtonContainer>
           <Button

From 6ea0757685495b7697d0d434bb80d49dccde86d5 Mon Sep 17 00:00:00 2001
From: kozr <zxzflow@gmail.com>
Date: Fri, 27 Aug 2021 01:31:14 -0700
Subject: [PATCH 4/5] ok done

---
 pages/[id]/resources.js | 95 ++++++++++++++++++++++++-----------------
 utility/firebase.js     | 53 +++++++++++++++++++++--
 2 files changed, 105 insertions(+), 43 deletions(-)

diff --git a/pages/[id]/resources.js b/pages/[id]/resources.js
index 91d9d90d..6d4fc356 100644
--- a/pages/[id]/resources.js
+++ b/pages/[id]/resources.js
@@ -1,5 +1,4 @@
 import { useState, useEffect, createRef } from 'react';
-import styled from 'styled-components';
 import Page from '../../components/page';
 import Button from '../../components/button';
 import Card, {
@@ -18,59 +17,48 @@ import {
   ActionsButtonContainer,
 } from '../../components/table';
 import Modal, {
-  Label,
   ModalContent,
   ModalField,
   LogoImage,
   UploadContainer,
 } from '../../components/modal';
-import { getHackathonPaths, getHackathons } from '../../utility/firebase';
+import {
+  getHackathonPaths,
+  getHackathons,
+  setDocument,
+  uploadResourceImageToStorage,
+  getAllResources,
+  deleteDocument,
+} from '../../utility/firebase';
 import { EDIT, NEW, DELETE, COLOR, HACKATHON_NAVBAR } from '../../constants';
 
-const resourceCards = [
-  {
-    id: 'docid',
-    title: 'title',
-    imageUrl: 'https://imageUrl.com',
-    resourceUrl: 'https://resourceUrl.com',
-    event: 'event',
-    year: 1970,
-    isOurPick: true,
-    type: 'Github',
-  },
-  {
-    id: 'docid2',
-    title: 'title2',
-    imageUrl: 'imageUrl2',
-    resourceUrl: 'resourceUrl2',
-    event: 'event2',
-    year: 1970,
-    isOurPick: true,
-    type: 'Articles',
-  },
-];
+const RESOURCES = 'Resources';
 
 export default function Resources({ id, hackathons }) {
   const [resourceToEdit, setResourceToEdit] = useState(false);
-  const [resources, setResources] = useState(resourceCards);
+  const [resources, setResources] = useState([]);
 
-  const addNewResourceCard = () => {
-    return;
+  const addNewResourceCard = async () => {
+    setResourceToEdit({ id: Date.now().toString() });
   };
 
   const handleEdit = (r) => {
     setResourceToEdit(r);
   };
 
-  const handleDelete = () => {
-    return;
+  const handleDelete = (rId) => {
+    deleteDocument(id, RESOURCES, rId);
   };
 
-  const finishUpdate = (id) => {
-    setResources(id);
-    return;
+  const finishUpdate = ({ id: rId, ...resource }) => {
+    setDocument(id, RESOURCES, rId, resource);
   };
 
+  useEffect(() => {
+    const getResources = async () => getAllResources(id, setResources);
+    getResources();
+  }, [resourceToEdit]);
+
   return (
     <Page
       currentPath={id}
@@ -96,7 +84,7 @@ export default function Resources({ id, hackathons }) {
                     <ResourceRow
                       key={r.id}
                       handleEdit={handleEdit}
-                      handleDelete={handleDelete}
+                      handleDelete={() => handleDelete(r.id)}
                       {...r}
                     />
                   ))}
@@ -126,10 +114,23 @@ const EditModal = ({ resourceToEdit, setResourceToEdit, finishUpdate }) => {
   const [imgObject, setImgObject] = useState({});
   const inputFile = createRef();
 
-  const handleUpdate = () => {
-    finishUpdate(resource);
+  const handleUpdate = async () => {
+    // Don't judge
+    await new Promise((r) => setTimeout(r, 500));
+    finishUpdate({
+      id: resource.id,
+      title: resource.title || '',
+      imageUrl: resource.imageUrl || '',
+      resourceUrl: resource.resourceUrl || '',
+      event: resource.event || '',
+      year: resource.year || 0,
+      isOurPick: resource.isOurPick || false,
+      type: resource.type || '',
+    });
+    setResourceToEdit({});
   };
 
+
   const handleInput = (property, value) => {
     setResource({
       ...resource,
@@ -137,23 +138,37 @@ const EditModal = ({ resourceToEdit, setResourceToEdit, finishUpdate }) => {
     });
   };
 
+  const uploadImage = async (imgUrl) => {
+    const imageUrl = await uploadResourceImageToStorage(resource.id, imgUrl);
+    handleInput('imageUrl', imageUrl);
+  };
+
   // clicks the invisible <input type='file />
   const fileClick = () => {
     inputFile.current.click();
   };
 
-  const selectImageFile = (e) => {
+  // Upload any picture you store
+  const selectImageFile = async (e) => {
     if (e.target.files[0]) {
-      setImgObject({
+      const imgObj = {
         object: URL.createObjectURL(e.target.files[0]),
         imgURL: e.target.files[0],
         imgName: e.target.files[0].name,
-      });
+      };
+      setImgObject(imgObj);
+      uploadImage(imgObj.imgURL);
     }
   };
 
   useEffect(() => {
     setResource(resourceToEdit);
+    if (resourceToEdit?.imageUrl)
+      setImgObject({
+        object: resourceToEdit.imageUrl,
+        alt: resourceToEdit.title,
+      });
+    else setImgObject({});
   }, [resourceToEdit]);
 
   return (
@@ -274,7 +289,7 @@ const ResourceRow = ({ handleEdit, handleDelete, ...props }) => {
       <TableData>{props.event}</TableData>
       <TableData>{props.type}</TableData>
       <TableData>{props.year}</TableData>
-      <TableData>{props.isOurPick.toString()}</TableData>
+      <TableData>{props.isOurPick?.toString() || false}</TableData>
       <TableData actions>
         <ActionsButtonContainer>
           <Button
diff --git a/utility/firebase.js b/utility/firebase.js
index a814d363..8ca57aa4 100644
--- a/utility/firebase.js
+++ b/utility/firebase.js
@@ -70,7 +70,7 @@ export const getDocument = async (hackathon, collection) => {
 };
 
 export const updateDocument = (hackathon, collection, docId, object) => {
-  db.collection(webCollection)
+  db.collection(Hackathons)
     .doc(hackathon)
     .collection(collection)
     .doc(docId)
@@ -79,7 +79,7 @@ export const updateDocument = (hackathon, collection, docId, object) => {
 
 export const addDocument = async (hackathon, collection, object) => {
   const ref = await db
-    .collection(webCollection)
+    .collection(Hackathons)
     .doc(hackathon)
     .collection(collection)
     .add(object);
@@ -88,13 +88,22 @@ export const addDocument = async (hackathon, collection, object) => {
 
 export const deleteDocument = async (hackathon, collection, docId) => {
   await db
-    .collection(webCollection)
+    .collection(Hackathons)
     .doc(hackathon)
     .collection(collection)
     .doc(docId)
     .delete();
 };
 
+export const setDocument = async (hackathon, collection, docId, object) => {
+  await db
+    .collection(Hackathons)
+    .doc(hackathon)
+    .collection(collection)
+    .doc(docId)
+    .set(object);
+};
+
 export const getHackathons = async () => {
   return db
     .collection('Hackathons')
@@ -770,3 +779,41 @@ export const updateApplicantStatus = async (userId, applicationStatus) => {
       'status.applicationStatus': applicationStatus,
     });
 };
+
+export const editResource = async ({ id, ...resource }, hackathon) => {
+  return db
+    .collection('Hackathons')
+    .doc(hackathon)
+    .collection('Resources')
+    .doc(id.toString())
+    .set(resource);
+};
+
+export const uploadResourceImageToStorage = async (id, file) => {
+  try {
+    const ref = storage.ref(`resource/${id}/${file.name}`);
+    const uploadData = await ref.put(file);
+    return uploadData.ref.getDownloadURL();
+  } catch (e) {
+    // eslint-disable-next-line no-alert
+    alert(e);
+    return null;
+  }
+};
+
+export const getAllResources = async (website, callback) => {
+  return db
+    .collection('Hackathons')
+    .doc(website) // hardcode for event
+    .collection('Resources')
+    .onSnapshot((snap) => {
+      callback(
+        snap.docs.map((doc) => {
+          return {
+            id: doc.id,
+            ...doc.data(),
+          };
+        })
+      );
+    });
+};

From 0f2ebea3dc8329d4fbe5b82012b4cbbee0802928 Mon Sep 17 00:00:00 2001
From: kozr <zxzflow@gmail.com>
Date: Fri, 27 Aug 2021 01:32:04 -0700
Subject: [PATCH 5/5] remove useless

---
 utility/firebase.js | 9 ---------
 1 file changed, 9 deletions(-)

diff --git a/utility/firebase.js b/utility/firebase.js
index 8ca57aa4..db0a603b 100644
--- a/utility/firebase.js
+++ b/utility/firebase.js
@@ -780,15 +780,6 @@ export const updateApplicantStatus = async (userId, applicationStatus) => {
     });
 };
 
-export const editResource = async ({ id, ...resource }, hackathon) => {
-  return db
-    .collection('Hackathons')
-    .doc(hackathon)
-    .collection('Resources')
-    .doc(id.toString())
-    .set(resource);
-};
-
 export const uploadResourceImageToStorage = async (id, file) => {
   try {
     const ref = storage.ref(`resource/${id}/${file.name}`);