From 74d990b1db35bde813c6912fbc1ff22c38d8021e Mon Sep 17 00:00:00 2001
From: Jan Tuomi <jan.tuomi@eficode.com>
Date: Mon, 11 Mar 2019 21:51:10 +0200
Subject: [PATCH] Clean up event create page

---
 .../EventCreatePage/EventCreatePage.scss      | 23 +++++++++++++++-
 src/pages/EventCreatePage/EventCreatePage.tsx | 26 ++++++++++++-------
 2 files changed, 38 insertions(+), 11 deletions(-)

diff --git a/src/pages/EventCreatePage/EventCreatePage.scss b/src/pages/EventCreatePage/EventCreatePage.scss
index eebc0f1..318a75c 100644
--- a/src/pages/EventCreatePage/EventCreatePage.scss
+++ b/src/pages/EventCreatePage/EventCreatePage.scss
@@ -1,3 +1,24 @@
 .event-create-page {
-  width: inherit;
+  width: 100%;
+
+  fieldset {
+    border: none;
+    padding: 0;
+    margin: 1rem 0;
+  }
+
+  option {
+    padding: 4px 8px;
+    cursor: pointer;
+  }
+
+  input[type="text"],
+  option {
+    min-width: 12rem;
+  }
+
+  legend {
+    font-weight: bold;
+    margin: 0.5rem 0;
+  }
 }
diff --git a/src/pages/EventCreatePage/EventCreatePage.tsx b/src/pages/EventCreatePage/EventCreatePage.tsx
index 58c14cd..22d9fe8 100644
--- a/src/pages/EventCreatePage/EventCreatePage.tsx
+++ b/src/pages/EventCreatePage/EventCreatePage.tsx
@@ -1,7 +1,6 @@
 import * as React from "react";
 import Helmet from "react-helmet";
 import "./EventCreatePage.scss";
-import { async } from "q";
 import { isAuthenticated } from "../../auth";
 import Form from "react-jsonschema-form";
 
@@ -9,18 +8,24 @@ export interface EventCreatePageProps {}
 export interface EventCreatePageState {
 }
 
-
-
 class EventCreatePage extends React.Component<EventCreatePageProps, EventCreatePageState> {
 
   render() {
     const schema = {
-      title: "Uusi tapahtuma",
+      title: "New Event",
       type: "object",
       required: ["title"],
       properties: {
-        title: {type: "string", title: "Name", default: "Name for the event"},
-        location: {type: "string", title: "Location", defailt: "Location for the event"},
+        title: {
+          type: "string",
+          title: "Name",
+          default: ""
+        },
+        location: {
+          type: "string",
+          title: "Location",
+          default: "",
+        },
         multipleChoicesList: {
           type: "array",
           title: "Event type",
@@ -42,11 +47,12 @@ class EventCreatePage extends React.Component<EventCreatePageProps, EventCreateP
         <Helmet>
           <link rel="canonical" href="https://sik.ayy.fi/admin/events/create" />
         </Helmet>
-        Event Create Page
+        <h1>Create Event</h1>
         <Form schema={schema}
-              onChange={console.log("cahnged")}
-              onSubmit={console.log("submitted")}
-              onError={console.log("error")} />
+              idPrefix="rjsf"
+              onChange={() => console.log("changed")}
+              onSubmit={() => console.log("submitted")}
+              onError={() => console.log("error")} />
       </div>
     );
   }