From b6230fb6aa8fcb44e621ef874b24c931cef56890 Mon Sep 17 00:00:00 2001
From: Aarni Halinen <aarni.halinen@gmail.com>
Date: Fri, 24 Jul 2020 00:41:26 +0300
Subject: [PATCH] Name question fields

---
 src/components/SignupQuestionsWidget/OptionsWidget.tsx | 2 +-
 src/components/SignupQuestionsWidget/index.ts          | 6 ++++--
 src/views/SignUpPage/FormUtils.tsx                     | 4 ++--
 3 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/components/SignupQuestionsWidget/OptionsWidget.tsx b/src/components/SignupQuestionsWidget/OptionsWidget.tsx
index e73f75b..1fd7b83 100644
--- a/src/components/SignupQuestionsWidget/OptionsWidget.tsx
+++ b/src/components/SignupQuestionsWidget/OptionsWidget.tsx
@@ -44,7 +44,7 @@ class OptionsWidget extends React.Component<OptionsWidgetProps, OptionsWidgetSta
       throw new SignupQuestionError(`Question widget type "${type}" not in types array.`);
     }
 
-    if (type === "text" || type === "email") {
+    if (type === "text" || type === "email" || type === "name") {
       return null;
     }
 
diff --git a/src/components/SignupQuestionsWidget/index.ts b/src/components/SignupQuestionsWidget/index.ts
index 8f8d7a5..807ff05 100644
--- a/src/components/SignupQuestionsWidget/index.ts
+++ b/src/components/SignupQuestionsWidget/index.ts
@@ -20,7 +20,8 @@ type OptionTypes =
   "integer" |
   "radiobutton" |
   "checkbox" |
-  "email";
+  "email" |
+  "name";
 
 export const optionTypes = [
   "text",
@@ -28,7 +29,8 @@ export const optionTypes = [
   "integer",
   "radiobutton",
   "checkbox",
-  "email"
+  "email",
+  "name"
 ];
 
 export class SignupQuestionError extends Error { }
diff --git a/src/views/SignUpPage/FormUtils.tsx b/src/views/SignUpPage/FormUtils.tsx
index 8acee78..f48180e 100644
--- a/src/views/SignUpPage/FormUtils.tsx
+++ b/src/views/SignUpPage/FormUtils.tsx
@@ -5,7 +5,7 @@ import { EMAIL_REGEX } from "@utils/regexes";
 
 const questionToSchemaProp = (question: Question): {} => {
   let obj: any;
-  if (question.type === "text") {
+  if (question.type === "text" || question.type === "name") {
     obj = {
       type: "string",
       title: question.name,
@@ -104,7 +104,7 @@ const questionToUISchemaProp = (question: Question): {} => {
 }
 
 const questionToValidationSchema = (question: Question) => {
-  if (question.type === "text") {
+  if (question.type === "text" || question.type === "name") {
     return {
       type: "string",
     };