Rename to MarkdownEditorWIdget & use for event content

src/components/MarkdownEditorWidget.tsx

@@ -5,7 +5,7 @@ import "react-mde/lib/styles/css/react-mde-all.css";
 import ReactMarkdown from "react-markdown";
 import { WidgetProps } from "react-jsonschema-form";
 
-type SignupEmailContentWidgetProps = Omit<WidgetProps, "options"> & {
+type MarkdownEditorWidgetProps = Omit<WidgetProps, "options"> & {
   options: any;
 };
 
@@ -18,7 +18,7 @@ const Container = styled.div`
   }
 `;
 
-const SignupEmailContentWidget: React.FC<SignupEmailContentWidgetProps> = ({ value, onChange }) => {
+const MarkdownEditorWidget: React.FC<MarkdownEditorWidgetProps> = ({ value, onChange }) => {
   const [selectedTab, setSelectedTab] = React.useState<"write" | "preview">("write");
   return (
     <Container>
@@ -35,4 +35,4 @@ const SignupEmailContentWidget: React.FC<SignupEmailContentWidgetProps> = ({ val
   )
 }
 
-export default SignupEmailContentWidget;
+export default MarkdownEditorWidget;

src/pages/admin/EventCreatePage.tsx

@@ -7,10 +7,12 @@ import { SignupForm, getForms } from "@models/SignupForm";
 import { createEvent, getEvent, updateEvent, Event } from "@models/Event";
 import DatetimeWidget from "@components/DatetimeWidget";
 import SectionDividerWidget from "@components/SectionDividerWidget";
+import MarkdownEditorWidget from "@components/MarkdownEditorWidget";
 
 const widgets = {
   datetime: DatetimeWidget,
   section_divider: SectionDividerWidget,
+  markdownEditor: MarkdownEditorWidget
 };
 
 export interface EventCreatePageProps {
@@ -262,10 +264,10 @@ class EventCreatePage extends React.Component<EventCreatePageProps, EventCreateP
   buildUISchema = () => {
     const uiSchema = {
       content_fi: {
-        "ui:widget": "textarea",
+        "ui:widget": "markdownEditor",
       },
       content_en: {
-        "ui:widget": "textarea",
+        "ui:widget": "markdownEditor",
       },
       start_time: {
         "ui:widget": "datetime",

src/pages/admin/SignupCreatePage.tsx

@@ -6,13 +6,13 @@ import Form from "react-jsonschema-form";
 import { createForm, getForm, updateForm, SignupForm } from "@models/SignupForm";
 import DatetimeWidget from "@components/DatetimeWidget";
 import SignupQuestionsWidget from "@components/SignupQuestionsWidget";
-import SignupEmailContentWidget from "@components/SignupEmailContentWidget";
+import MarkdownEditorWidget from "@components/MarkdownEditorWidget";
 import { buildValidationSchema } from "@views/SignUpPage/FormUtils";
 
 const widgets = {
   datetime: DatetimeWidget,
   signup: SignupQuestionsWidget,
-  markdownEditor: SignupEmailContentWidget
+  markdownEditor: MarkdownEditorWidget
 };
 const DEFAULT_EMAIL =
 `Moikka,