Add translation functionality on admin signup pages

src/components/Widgets/SignupQuestionsWidget/SignupQuestionsWidget.tsx

@@ -4,8 +4,8 @@ import shortid from "shortid";
 import { DragDropContext, Droppable } from "react-beautiful-dnd";
 import colors from "@theme/colors";
 import AddIcon from "@components/AddIcon";
+import { SignupFormQuestion } from "@models/Signup";
 import QuestionList from "./QuestionList";
-import { Question } from "./common";
 
 const Widget = styled.div`
   & > button {
@@ -40,24 +40,25 @@ interface SignupQuestionsWidgetProps {
 }
 
 const SignupQuestionsWidget: React.FC<SignupQuestionsWidgetProps> = ({ value, onFocus, onChange }) => {
-  const onValueChange = (questions: Question[]) => {
+  const onValueChange = (questions: SignupFormQuestion[]) => {
     const newValue = JSON.stringify(questions);
     onChange(newValue);
   };
 
   const handleNewRowClick = (questions) => () => {
-    const newRow: Question = {
+    const newRow: SignupFormQuestion = {
       id: shortid.generate(),
-      name: `Question #${questions.length + 1}`,
-      options: [],
+      title_fi: `Question #${questions.length + 1}`,
+      title_en: `Question #${questions.length + 1}`,
+      options: undefined,
       type: "text",
     };
-    const newQuestions: Question[] = questions.concat([newRow]);
+    const newQuestions: SignupFormQuestion[] = questions.concat([newRow]);
 
     onValueChange(newQuestions);
   };
 
-  const handleDragEnd = (questions: Question[]) => (result) => {
+  const handleDragEnd = (questions: SignupFormQuestion[]) => (result) => {
     const srcIndex = result.source.index;
     const dstIndex = result.destination.index;
     const srcCopy = { ...questions[srcIndex] };
@@ -66,7 +67,7 @@ const SignupQuestionsWidget: React.FC<SignupQuestionsWidgetProps> = ({ value, on
 
     onValueChange(questions);
   };
-  const questions = JSON.parse(value) as Question[];
+  const questions: SignupFormQuestion[] = JSON.parse(value);
 
   return (
     <Widget>