Restyle fix: endpoints and schema bugs

src/pages/private/admin/questions/listQuestion.jsx

@@ -36,9 +36,7 @@ const ListQuestions = ({
                   onKeyDown={handleKeyPress}
                 />
                 {inputValidationAlert.apply && (
-                  <Alert severity="error">
-                    {inputValidationAlert.message}
-                  </Alert>
+                  <Alert severity="error">{inputValidationAlert.message}</Alert>
                 )}
               </div>
               <div className="float-left">

src/pages/private/user/messages/index.jsx

@@ -51,9 +51,7 @@ class PeopleCards extends Component {
   filterPeople = (e) => {
     const people = this.state.persons.filter(
       (person) =>
-        person.name
-          .toLowerCase()
-          .search(e.target.value.trim().toLowerCase()) !== -1,
+        person.name.toLowerCase().search(e.target.value.trim().toLowerCase()) !== -1,
     );
     this.setState({ people, NoSearchResults: !people.length });
   };
@@ -74,10 +72,7 @@ class PeopleCards extends Component {
     return this.setState({
       people: persons.filter((e) => {
         if (sectionSelect !== 'ALL') {
-          return (
-            e.department === input.value &&
-            e.section === sectionSelect
-          );
+          return e.department === input.value && e.section === sectionSelect;
         }
         return e.department === input.value;
       }),
@@ -101,10 +96,7 @@ class PeopleCards extends Component {
     return this.setState({
       people: persons.filter((e) => {
         if (departmentSelect !== 'ALL') {
-          return (
-            e.section === input.value &&
-            e.department === departmentSelect
-          );
+          return e.section === input.value && e.department === departmentSelect;
         }
         return e.section === input.value;
       }),
@@ -113,13 +105,8 @@ class PeopleCards extends Component {
   };
 
   render() {
-    const {
-      ProgressBar,
-      departments,
-      sections,
-      people,
-      NoSearchResults,
-    } = this.state;
+    const { ProgressBar, departments, sections, people, NoSearchResults } =
+      this.state;
 
     return (
       <>

src/pages/private/user/messages/modal.jsx

@@ -13,13 +13,19 @@ import { apiUrl, endPoints } from '../../../../config.json';
 import http from '../../../../services/httpService';
 import { NotifyAlert, TimerAlert } from '../../../../components';
 
-const ModalBox = ({ personId, personName, toggleOpen, triggerModal,  modalValue }) => {
+const ModalBox = ({
+  personId,
+  personName,
+  toggleOpen,
+  triggerModal,
+  modalValue,
+}) => {
   const [ModalValue, setModalValue] = useState(() => modalValue);
   const [isAnonymous, setIsAnonymous] = useState(false);
 
   useEffect(() => {
-    setModalValue(modalValue)
-  }, [modalValue])
+    setModalValue(modalValue);
+  }, [modalValue]);
 
   const handleSubmit = () => {
     const messageObject = {
@@ -54,9 +60,7 @@ const ModalBox = ({ personId, personName, toggleOpen, triggerModal,  modalValue
 
         <MDBModalBody>
           <div className="form-group">
-            <p className="text-center">
-              Write a nice message for {personName} :)
-            </p>
+            <p className="text-center">Write a nice message for {personName} :)</p>
             <textarea
               className="form-control"
               id={personId}
@@ -69,8 +73,16 @@ const ModalBox = ({ personId, personName, toggleOpen, triggerModal,  modalValue
         </MDBModalBody>
         <MDBModalFooter>
           <span className="custom-control custom-checkbox">
-            <input type="checkbox" className="custom-control-input" id="defaultUnchecked" value={isAnonymous} onChange={() => setIsAnonymous(!isAnonymous)} />
-            <label className="custom-control-label" for="defaultUnchecked">Send Anonymously</label>
+            <input
+              type="checkbox"
+              className="custom-control-input"
+              id="defaultUnchecked"
+              value={isAnonymous}
+              onChange={() => setIsAnonymous(!isAnonymous)}
+            />
+            <label className="custom-control-label" for="defaultUnchecked">
+              Send Anonymously
+            </label>
           </span>
           <div>
             <button

src/pages/private/user/messages/single.jsx

@@ -32,7 +32,7 @@ const UserCard = ({ person, personName, personBio, personImageUrl }) => {
   };
 
   const triggerModal = () => {
-    getUserMessage()
+    getUserMessage();
     setModalOpen(!modalOpen);
   };
 

src/pages/private/user/profile/details.jsx

@@ -166,7 +166,7 @@ const UserInfo = () => {
                       icon="user"
                       isDisabled
                     />
-                    
+
                     <Input
                       name="department"
                       label="Department"
@@ -202,7 +202,12 @@ const UserInfo = () => {
                         name="Email"
                         label="Email"
                         value={socialHandles.email}
-                        handleChange={(e) => setSocialHandles({...socialHandles, email: e.target.value})}
+                        handleChange={(e) =>
+                          setSocialHandles({
+                            ...socialHandles,
+                            email: e.target.value,
+                          })
+                        }
                         error={ValidationErrors.email}
                         feedback={ValidationErrors.email}
                         icon="envelope-open"
@@ -212,7 +217,12 @@ const UserInfo = () => {
                         name="contactNo"
                         label="Contact Number"
                         value={socialHandles.phone}
-                        handleChange={(e) => setSocialHandles({...socialHandles, phone: e.target.value})}
+                        handleChange={(e) =>
+                          setSocialHandles({
+                            ...socialHandles,
+                            phone: e.target.value,
+                          })
+                        }
                         error={ValidationErrors.phone}
                         feedback={ValidationErrors.phone}
                         icon="phone-alt"
@@ -222,7 +232,12 @@ const UserInfo = () => {
                         name="facebook"
                         label="Facebook"
                         value={socialHandles.facebook}
-                        handleChange={(e) => setSocialHandles({...socialHandles, facebook: e.target.value})}
+                        handleChange={(e) =>
+                          setSocialHandles({
+                            ...socialHandles,
+                            facebook: e.target.value,
+                          })
+                        }
                         error={ValidationErrors.facebook}
                         feedback={ValidationErrors.facebook}
                         icon="facebook"
@@ -232,7 +247,12 @@ const UserInfo = () => {
                         name="linkedin"
                         label="LinkedIn"
                         value={socialHandles.linkedin}
-                        handleChange={(e) => setSocialHandles({...socialHandles, linkedin: e.target.value})}
+                        handleChange={(e) =>
+                          setSocialHandles({
+                            ...socialHandles,
+                            linkedin: e.target.value,
+                          })
+                        }
                         error={ValidationErrors.linkedin}
                         feedback={ValidationErrors.linkedin}
                         icon="linkedin"
@@ -241,15 +261,25 @@ const UserInfo = () => {
                       <Input
                         name="instagram"
                         label="Instagram"
-                        handleChange={(e) => setSocialHandles({...socialHandles, instagram: e.target.value})}
+                        handleChange={(e) =>
+                          setSocialHandles({
+                            ...socialHandles,
+                            instagram: e.target.value,
+                          })
+                        }
                         handleChange={handleSocialHandles}
                         icon="instagram"
                         IconBrand
                       />
                       <Input
                         name="snapchat"
                         label="Snapchat"
-                        handleChange={(e) => setSocialHandles({...socialHandles, snapchat: e.target.value})}
+                        handleChange={(e) =>
+                          setSocialHandles({
+                            ...socialHandles,
+                            snapchat: e.target.value,
+                          })
+                        }
                         handleChange={handleSocialHandles}
                         icon="snapchat-ghost"
                         IconBrand

src/pages/private/user/profile/messages.jsx

@@ -28,10 +28,7 @@ const Message = ({ person, message, index }) => {
     <>
       <div className={getClass()}>
         <div className="card-body text-dark">
-          <h5
-            className="card-title h5-responsive mb-2"
-            style={{ fontWeight: 500 }}
-          >
+          <h5 className="card-title h5-responsive mb-2" style={{ fontWeight: 500 }}>
             {person}
           </h5>
           <p className="p-responsive" style={{ fontFamily: 'Product Sans' }}>

src/pages/private/user/profile/profileCard/socialCard.jsx

@@ -17,14 +17,7 @@ const PersonalCard = () => {
     snapchat: '',
   });
 
-  const {
-    email,
-    phone,
-    instagram,
-    linkedin,
-    facebook,
-    snapchat,
-  } = socialHandles;
+  const { email, phone, instagram, linkedin, facebook, snapchat } = socialHandles;
 
   useEffect(() => {
     const fetchUserData = async () => {
@@ -44,7 +37,7 @@ const PersonalCard = () => {
           linkedin: data.socialHandles.linkedin,
           snapchat: data.socialHandles.snapchat,
         });
-        console.log('socialss', data)
+        console.log('socialss', data);
       } catch (ex) {
         if (ex.response && ex.response.status === 400) {
           TimerAlert('Error', ex.response.data, 'error');
@@ -90,10 +83,7 @@ const PersonalCard = () => {
             <Tooltip title="You can add more details from update details section">
               <div className="row">
                 {email && (
-                  <SocialHandle
-                    platform={email}
-                    iconClass="fas fa-lg fa-envelope"
-                  />
+                  <SocialHandle platform={email} iconClass="fas fa-lg fa-envelope" />
                 )}
                 {phone && (
                   <SocialHandle

src/utils/schemas.js

@@ -2,8 +2,7 @@ import Joi from 'joi-browser';
 
 const LoginSchema = () => {
   return {
-    userId: Joi
-      .number()
+    userId: Joi.number()
       .error(() => {
         return {
           message: 'Please enter a valid enrollment number',