From 70c77f6ba87c742210e2fe1fa129d9e6cb0ce8ab Mon Sep 17 00:00:00 2001
From: Aarni Halinen <aarni.halinen@gmail.com>
Date: Wed, 25 Nov 2020 00:01:07 +0200
Subject: [PATCH] Use new common views for styles

---
 src/pages/admin/SignupEmailPage.tsx   | 31 +++++++++++++--------------
 src/pages/admin/SignupListPage.tsx    |  5 +++--
 src/views/admin/AdminCreateCommon.tsx |  2 +-
 3 files changed, 19 insertions(+), 19 deletions(-)

diff --git a/src/pages/admin/SignupEmailPage.tsx b/src/pages/admin/SignupEmailPage.tsx
index 7a4581d..b5997d8 100644
--- a/src/pages/admin/SignupEmailPage.tsx
+++ b/src/pages/admin/SignupEmailPage.tsx
@@ -1,7 +1,7 @@
 import React, { useEffect, useState } from "react";
 import { Helmet } from "react-helmet";
-import Form from "react-jsonschema-form";
 import { RouteComponentProps } from "react-router-dom";
+import AdminCreateCommon from "@views/admin/AdminCreateCommon";
 import MarkdownEditorWidget from "@components/Widgets/MarkdownEditorWidget";
 import { SignupForm, getForm, signupFormSendEmail } from "@models/SignupForm";
 
@@ -87,24 +87,23 @@ const SignupEmailPage: React.FC<SignupEmailPageProps> = ({ match: { params: { id
   const title = signupForm ? signupForm.title_fi : "Loading..."
 
   return (
-    <div>
+    <>
       <Helmet>
         <link rel="canonical" href="https://sik.ayy.fi/admin/jobads/create" />
       </Helmet>
-      <h1>{title}</h1>
-      {statusMessage && <div className="success">{statusMessage}</div>}
-      <Form
-        schema={buildSchema(title) as any}
-        uiSchema={buildUISchema()}
-        // formData={formData}
-        idPrefix="rjsf"
-        widgets={widgets as any}
-        // onChange={onChange}
-        onSubmit={onSubmit}
-        onError={onError}
-        onFocus={onFocus} />
-      {error && <div className="error">{error}</div>}
-    </div>
+      <AdminCreateCommon
+          title={title}
+          // formData={formData}
+          schema={buildSchema(title)}
+          UISchema={buildUISchema()}
+          // onChange={onChange}
+          onFocus={onFocus}
+          onSubmit={onSubmit}
+          statusMessage={statusMessage}
+          error={error}
+          widgets={widgets}
+      />
+    </>
   )};
 
 export default SignupEmailPage;
diff --git a/src/pages/admin/SignupListPage.tsx b/src/pages/admin/SignupListPage.tsx
index 92994df..e030d07 100644
--- a/src/pages/admin/SignupListPage.tsx
+++ b/src/pages/admin/SignupListPage.tsx
@@ -1,6 +1,7 @@
 import React, { useEffect, useState } from "react";
 import { Helmet } from "react-helmet";
 import { RouteComponentProps } from "react-router-dom";
+import AdminListCommon from "@views/admin/AdminListCommon";
 import { SignupForm, getForm, getSignups } from "@models/SignupForm";
 import { Signup } from "@models/Signup";
 
@@ -31,7 +32,7 @@ const SignupEmailPage: React.FC<SignupEmailPageProps> = ({ match: { params: { id
   const title = signupForm ? signupForm.title_fi : "Loading..."
 
   return (
-    <div>
+    <AdminListCommon>
       <Helmet>
         <link rel="canonical" href="https://sik.ayy.fi/admin/jobads/create" />
       </Helmet>
@@ -56,7 +57,7 @@ const SignupEmailPage: React.FC<SignupEmailPageProps> = ({ match: { params: { id
           ))}
         </tbody>
       </table>
-    </div>
+    </AdminListCommon>
   )};
 
 export default SignupEmailPage;
diff --git a/src/views/admin/AdminCreateCommon.tsx b/src/views/admin/AdminCreateCommon.tsx
index 3a9b750..03dd22f 100644
--- a/src/views/admin/AdminCreateCommon.tsx
+++ b/src/views/admin/AdminCreateCommon.tsx
@@ -109,7 +109,7 @@ type AdminCreateCommonProps = {
   UISchema: {
     [name: string]: any;
   };
-  onChange: (e: IChangeEvent<FormTypes>, es?: ErrorSchema) => any;
+  onChange?: (e: IChangeEvent<FormTypes>, es?: ErrorSchema) => any;
   onFocus: (id: string, value: string | number | boolean) => void;
   onSubmit: (e: ISubmitEvent<FormTypes>) => any;
   statusMessage: string;