From 8aa3be64c1723bb39a7c580472a3ec81f7956125 Mon Sep 17 00:00:00 2001
From: ks129 <45097959+ks129@users.noreply.github.com>
Date: Mon, 14 Dec 2020 10:50:08 +0200
Subject: Move loading to different component

---
 src/components/Loading.tsx | 17 +++++++++++++++++
 1 file changed, 17 insertions(+)
 create mode 100644 src/components/Loading.tsx

(limited to 'src/components')

diff --git a/src/components/Loading.tsx b/src/components/Loading.tsx
new file mode 100644
index 0000000..48dcdbc
--- /dev/null
+++ b/src/components/Loading.tsx
@@ -0,0 +1,17 @@
+/** @jsx jsx */
+import { jsx } from "@emotion/core";
+
+import { HashLoader } from "react-spinners";
+
+import HeaderBar from "../components/HeaderBar";
+
+function Loading() {
+    return <div>
+        <HeaderBar title={"Loading..."}/>
+        <div css={{display: "flex", justifyContent: "center"}}>
+            <HashLoader color="white"/>
+        </div>
+    </div>
+}
+
+export default Loading;
-- 
cgit v1.2.3


From 42782aa26d9f87d0d6a1967d8bc4caf5d7a5ea2d Mon Sep 17 00:00:00 2001
From: ks129 <45097959+ks129@users.noreply.github.com>
Date: Mon, 14 Dec 2020 10:51:51 +0200
Subject: Update FormListing component to match with new forms interface

---
 src/components/FormListing.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

(limited to 'src/components')

diff --git a/src/components/FormListing.tsx b/src/components/FormListing.tsx
index 2493608..c53cf67 100644
--- a/src/components/FormListing.tsx
+++ b/src/components/FormListing.tsx
@@ -9,15 +9,15 @@ import Tag from "./Tag";
 
 import colors from "../colors";
 
-import { AllFormsForm } from "../api/forms";
+import { Form, FormFeatures } from "../api/forms";
 
 interface FormListingProps {
-  form: AllFormsForm
+  form: Form
 }
 
 function FormListing({ form }: FormListingProps) {
   const listingStyle = css`
-    background-color: ${form.open ? colors.success : colors.darkButNotBlack};
+    background-color: ${form.features.includes(FormFeatures.Open) ? colors.success : colors.darkButNotBlack};
     width: 60%;
     padding: 20px;
     margin-top: 20px;
@@ -39,13 +39,13 @@ function FormListing({ form }: FormListingProps) {
 
   let closedTag;
 
-  if (!form.open) {
+  if (!form.features.includes(FormFeatures.Open)) {
     closedTag = <Tag text="CLOSED" color={colors.error}/>
   };
 
   return <Link to={`/form/${form.id}`} css={listingStyle}>
     <div>
-      <h3 css={{fontSize: "1.5em", marginBottom: "0"}}>{closedTag}{form.title} <FontAwesomeIcon icon={faArrowRight} css={{fontSize: "0.75em", paddingBottom: "1px"}}/></h3>
+      <h3 css={{fontSize: "1.5em", marginBottom: "0"}}>{closedTag}{form.name} <FontAwesomeIcon icon={faArrowRight} css={{fontSize: "0.75em", paddingBottom: "1px"}}/></h3>
       <p css={{marginTop: "5px"}}>{form.description}</p>
     </div>
   </Link>
-- 
cgit v1.2.3