lint fix

Author: keyurdoshi03

services/web/src/components/signup/signup.tsx

@@ -67,22 +67,22 @@ const Signup: React.FC<SignupProps> = ({
   return (
     <div className="container">
       <Card title="Sign Up" bordered={false} className="form-card">
-      <div className="user-type-toggle">
-        <button
-          type="button"
-          className={`toggle-button ${userType === "user" ? "active" : ""}`}
-          onClick={() => handleUserTypeChange("user")}
-        >
-          User
-        </button>
-        <button
-          type="button"
-          className={`toggle-button ${userType === "mechanic" ? "active" : ""}`}
-          onClick={() => handleUserTypeChange("mechanic")}
-        >
-          Mechanic
-        </button>
-      </div>
+        <div className="user-type-toggle">
+          <button
+            type="button"
+            className={`toggle-button ${userType === "user" ? "active" : ""}`}
+            onClick={() => handleUserTypeChange("user")}
+          >
+            User
+          </button>
+          <button
+            type="button"
+            className={`toggle-button ${userType === "mechanic" ? "active" : ""}`}
+            onClick={() => handleUserTypeChange("mechanic")}
+          >
+            Mechanic
+          </button>
+        </div>
         <Form
           name="basic"
           initialValues={{

services/web/src/constants/messages.ts

@@ -21,7 +21,8 @@ export const EMAIL_REQUIRED: string = "Please enter a valid email!";
 export const PHONE_NO_REQUIRED: string = "Please enter phone number";
 export const INVALID_PHONE: string =
   "Contact number should only contain digits, (, ), + or spaces.";
-export const MECHANIC_CODE_REQUIRED: string = "Please enter a valid mechanic code starting with 'MECH_'!";
+export const MECHANIC_CODE_REQUIRED: string =
+  "Please enter a valid mechanic code starting with 'MECH_'!";
 export const PASSWORD_REQUIRED: string = "Please enter your password";
 export const INVALID_PASSWORD: React.ReactElement = React.createElement(
   "span",

services/web/src/containers/signup/signup.js

@@ -20,7 +20,10 @@ import { connect } from "react-redux";
 import { useNavigate } from "react-router-dom";
 import Signup from "../../components/signup/signup";
 
-import { signUpUserAction, signUpMechanicAction } from "../../actions/userActions";
+import {
+  signUpUserAction,
+  signUpMechanicAction,
+} from "../../actions/userActions";
 import responseTypes from "../../constants/responseTypes";
 import { SUCCESS_MESSAGE } from "../../constants/messages";
 

services/web/src/sagas/userSaga.ts

@@ -269,7 +269,8 @@ export function* signUp(action: MyAction): Generator<any, void, any> {
  * @payload {Function} payload.callback - Callback method
  */
 export function* signUpMechanic(action: MyAction): Generator<any, void, any> {
-  const { name, email, number, mechanic_code, password, callback } = action.payload;
+  const { name, email, number, mechanic_code, password, callback } =
+    action.payload;
   let receivedResponse: Partial<Response> = {};
   try {
     yield put({ type: actionTypes.FETCHING_DATA });
@@ -297,8 +298,10 @@ export function* signUpMechanic(action: MyAction): Generator<any, void, any> {
     });
 
     yield put({ type: actionTypes.FETCHED_DATA, payload: receivedResponse });
-    if (receivedResponse.ok) callback(responseTypes.SUCCESS, responseJSON.message);
-    else callback(responseTypes.FAILURE, responseJSON.message || SIGN_UP_FAILED);
+    if (receivedResponse.ok)
+      callback(responseTypes.SUCCESS, responseJSON.message);
+    else
+      callback(responseTypes.FAILURE, responseJSON.message || SIGN_UP_FAILED);
   } catch (e) {
     yield put({ type: actionTypes.FETCHED_DATA, payload: receivedResponse });
     callback(responseTypes.FAILURE, SIGN_UP_FAILED);