From 1f02ab5c692801709221d4e27f3001a40cb4e8ae Mon Sep 17 00:00:00 2001
From: Hassan Abouelela <47495861+HassanAbouelela@users.noreply.github.com>
Date: Sun, 17 Jan 2021 02:41:24 +0300
Subject: Updates Switch Statement Indent

Changes the switch statement indentation level to 1 in the eslint
config, and updates files accordingly.

Signed-off-by: Hassan Abouelela <47495861+HassanAbouelela@users.noreply.github.com>
---
 .eslintrc.json                      |  5 ++-
 src/components/InputTypes/index.tsx | 48 ++++++++++++++--------------
 src/components/Question.tsx         | 64 ++++++++++++++++++-------------------
 src/pages/FormPage.tsx              |  4 +--
 4 files changed, 62 insertions(+), 59 deletions(-)

diff --git a/.eslintrc.json b/.eslintrc.json
index 5c7c77a..7785702 100644
--- a/.eslintrc.json
+++ b/.eslintrc.json
@@ -23,7 +23,10 @@
     "rules": {
         "indent": [
             "error",
-            4
+            4,
+            {
+                "SwitchCase": 1
+            }
         ],
         "linebreak-style": [
             "error",
diff --git a/src/components/InputTypes/index.tsx b/src/components/InputTypes/index.tsx
index d75fbdc..5154f9c 100644
--- a/src/components/InputTypes/index.tsx
+++ b/src/components/InputTypes/index.tsx
@@ -33,37 +33,37 @@ export default function create_input({ question, public_state }: QuestionProp, h
 
     /* eslint-disable react/react-in-jsx-scope */
     switch (question.type) {
-    case QuestionType.TextArea:
-        result = <TextArea handler={handler}/>;
-        break;
+        case QuestionType.TextArea:
+            result = <TextArea handler={handler}/>;
+            break;
 
-    case QuestionType.Checkbox:
-        result = options.map((option, index) => <Checkbox index={index} option={option} handler={handler} key={index}/>);
-        break;
+        case QuestionType.Checkbox:
+            result = options.map((option, index) => <Checkbox index={index} option={option} handler={handler} key={index}/>);
+            break;
 
-    case QuestionType.Radio:
-        result = options.map((option, index) => <Radio option={option} question_id={question.id} handler={handler} key={index}/>);
-        break;
+        case QuestionType.Radio:
+            result = options.map((option, index) => <Radio option={option} question_id={question.id} handler={handler} key={index}/>);
+            break;
 
-    case QuestionType.Select:
-        result = <Select options={options} state_dict={public_state}/>;
-        break;
+        case QuestionType.Select:
+            result = <Select options={options} state_dict={public_state}/>;
+            break;
 
-    case QuestionType.ShortText:
-        result = <ShortText handler={handler}/>;
-        break;
+        case QuestionType.ShortText:
+            result = <ShortText handler={handler}/>;
+            break;
 
-    case QuestionType.Range:
-        result = <Range question_id={question.id} options={options} handler={handler}/>;
-        break;
+        case QuestionType.Range:
+            result = <Range question_id={question.id} options={options} handler={handler}/>;
+            break;
 
-    case QuestionType.Code:
-        // TODO: Implement
-        result = <Code handler={handler}/>;
-        break;
+        case QuestionType.Code:
+            // TODO: Implement
+            result = <Code handler={handler}/>;
+            break;
 
-    default:
-        result = <TextArea handler={handler}/>;
+        default:
+            result = <TextArea handler={handler}/>;
     }
     /* eslint-enable react/react-in-jsx-scope */
 
diff --git a/src/components/Question.tsx b/src/components/Question.tsx
index e1472e4..34d12f7 100644
--- a/src/components/Question.tsx
+++ b/src/components/Question.tsx
@@ -46,24 +46,24 @@ class RenderedQuestion extends React.Component<QuestionProp> {
         let value: string | boolean;
 
         switch (event.target.type) {
-        case "checkbox":
-            target = event.target.name;
-            value = event.target.checked;
-            break;
-
-        case "radio":
-            // This handles radios and ranges, as they are both based on the same fundamental input type
-            target = "value";
-            if (event.target.parentElement) {
-                value = event.target.parentElement.innerText.trimEnd();
-            } else {
-                value = event.target.value;
-            }
-            break;
+            case "checkbox":
+                target = event.target.name;
+                value = event.target.checked;
+                break;
+
+            case "radio":
+                // This handles radios and ranges, as they are both based on the same fundamental input type
+                target = "value";
+                if (event.target.parentElement) {
+                    value = event.target.parentElement.innerText.trimEnd();
+                } else {
+                    value = event.target.value;
+                }
+                break;
 
-        default:
-            target = "value";
-            value = event.target.value;
+            default:
+                target = "value";
+                value = event.target.value;
         }
 
         this._setState(target, value);
@@ -85,21 +85,21 @@ class RenderedQuestion extends React.Component<QuestionProp> {
 
         if (this.props.public_state.size === 0) {
             switch (this.props.question.type) {
-            case QuestionType.Checkbox:
-                if (typeof options === "string") {
-                    return;
-                }
-
-                options.forEach((option, index) => {
-                    this._setState(`${("000" + index).slice(-4)}. ${option}`, false);
-                });
-                break;
-
-            case QuestionType.Range:
-            case QuestionType.Radio:
-            case QuestionType.Select:
-                this._setState("value", null);
-                break;
+                case QuestionType.Checkbox:
+                    if (typeof options === "string") {
+                        return;
+                    }
+
+                    options.forEach((option, index) => {
+                        this._setState(`${("000" + index).slice(-4)}. ${option}`, false);
+                    });
+                    break;
+
+                case QuestionType.Range:
+                case QuestionType.Radio:
+                case QuestionType.Select:
+                    this._setState("value", null);
+                    break;
             }
         }
     }
diff --git a/src/pages/FormPage.tsx b/src/pages/FormPage.tsx
index 2d34b3c..c49b9fd 100644
--- a/src/pages/FormPage.tsx
+++ b/src/pages/FormPage.tsx
@@ -177,8 +177,8 @@ function FormPage(): JSX.Element {
 
             // TODO: Parse input from each question, and submit
             switch (question.type) {
-            default:
-                console.log(question.id, prop.props.public_state);
+                default:
+                    console.log(question.id, prop.props.public_state);
             }
         });
 
-- 
cgit v1.2.3