Restyle fix: endpoints and schema bugs

src/components/alerts/confirm.jsx

@@ -1,19 +1,25 @@
 import Swal from 'sweetalert2';
 
-const Confirm = (title, cb, text = `You won't be able to revert this`, icon = 'warning', confirmBtnText = 'Save') => {
-    Swal.fire({
-        title,
-        text,
-        icon,
-        showCancelButton: true,
-        confirmButtonColor: '#3085d6',
-        cancelButtonColor: '#d33',
-        confirmButtonText: confirmBtnText,
-      }).then((result) => {
-        if (result.isConfirmed) {
-          cb(true);
-        }
-    })
-}
+const Confirm = (
+  title,
+  cb,
+  text = `You won't be able to revert this`,
+  icon = 'warning',
+  confirmBtnText = 'Save',
+) => {
+  Swal.fire({
+    title,
+    text,
+    icon,
+    showCancelButton: true,
+    confirmButtonColor: '#3085d6',
+    cancelButtonColor: '#d33',
+    confirmButtonText: confirmBtnText,
+  }).then((result) => {
+    if (result.isConfirmed) {
+      cb(true);
+    }
+  });
+};
 
 export default Confirm;

src/components/alerts/index.jsx

@@ -6,4 +6,12 @@ import ChainInput from './chaining';
 import Confirm from './confirm';
 import Toast from './toast';
 
-export { NotifyAlert, RequestStatus, TimerAlert, HTMLAlert, ChainInput, Confirm, Toast };
+export {
+  NotifyAlert,
+  RequestStatus,
+  TimerAlert,
+  HTMLAlert,
+  ChainInput,
+  Confirm,
+  Toast,
+};

src/components/alerts/toast.jsx

@@ -1,23 +1,21 @@
 import toast, { Toaster } from 'react-hot-toast';
 
-
-
 // const Toast = (toastMessage, toastType='success') => {
 //     // toast[toastType](toastMessage);
-    
+
 //     toast('Here is your toast.');
 // };
 
-import React from 'react'
+import React from 'react';
 
 const Toast = () => {
-    const notify = () => toast('Here is your toast.');
-    return (
-        <div>
-            {notify()}
-            <Toaster />
-        </div>
-    )
-}
+  const notify = () => toast('Here is your toast.');
+  return (
+    <div>
+      {notify()}
+      <Toaster />
+    </div>
+  );
+};
 
 export default Toast;

src/pages/private/admin/manageQuestions.jsx

@@ -16,7 +16,9 @@ const ManageQuestions = () => {
   useEffect(() => {
     const fetchQuestions = async () => {
       try {
-        const { data } = await http.get(`${apiUrl}/${endPoints.slamBook.allQuestions}`);
+        const { data } = await http.get(
+          `${apiUrl}/${endPoints.slamBook.allQuestions}`,
+        );
         setQuestions(data);
         setNoQuestions(false);
       } catch (ex) {}
@@ -48,9 +50,12 @@ const ManageQuestions = () => {
 
     const originalQuestions = [...questions];
     try {
-      const { data } = await http.post(`${apiUrl}/${endPoints.slamBook.createQuestion}`, {
-        title: previousInputValue,
-      });
+      const { data } = await http.post(
+        `${apiUrl}/${endPoints.slamBook.createQuestion}`,
+        {
+          title: previousInputValue,
+        },
+      );
       NotifyAlert('Successfully added the question', 'top');
       setQuestions([data, ...questions]);
       setNoQuestions(false);

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/index.jsx

@@ -17,5 +17,5 @@ export {
   HomePage,
   LogOut,
   ResetPassword,
-  ModerateMessages
+  ModerateMessages,
 };

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

@@ -30,7 +30,10 @@ class PeopleCards extends Component {
       persons,
       sections,
       departments,
-      people: persons && persons.length > 0 ? persons.sort((a, b) => a.userId - b.userId) : persons,
+      people:
+        persons && persons.length > 0
+          ? persons.sort((a, b) => a.userId - b.userId)
+          : persons,
       ProgressBar: !this.state.ProgressBar,
     });
   }
@@ -43,9 +46,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 });
   };
@@ -66,10 +67,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;
       }),
@@ -93,10 +91,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;
       }),
@@ -105,17 +100,12 @@ class PeopleCards extends Component {
   };
 
   handleModalOpen = (isModalOpen) => {
-    this.setState({ ...this.state, isModalOpen })
-  }
+    this.setState({ ...this.state, isModalOpen });
+  };
 
   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

@@ -12,15 +12,22 @@ import { apiUrl, endPoints } from '../../../../config.json';
 import http from '../../../../services/httpService';
 import { NotifyAlert, TimerAlert } from '../../../../components';
 
-const ModalBox = ({ personId, personName, toggleOpen, triggerModal,  modalValue, isAnonymousMessage }) => {
+const ModalBox = ({
+  personId,
+  personName,
+  toggleOpen,
+  triggerModal,
+  modalValue,
+  isAnonymousMessage,
+}) => {
   const [ModalValue, setModalValue] = useState(() => modalValue);
   const [isAnonymous, setIsAnonymous] = useState(() => isAnonymousMessage);
 
-  console.log('isAnonymousMessage...', isAnonymousMessage)
+  console.log('isAnonymousMessage...', isAnonymousMessage);
 
   useEffect(() => {
-    setModalValue(modalValue)
-  }, [modalValue])
+    setModalValue(modalValue);
+  }, [modalValue]);
 
   // useEffect(() =>  {
   //   setIsAnonymous();
@@ -38,7 +45,7 @@ const ModalBox = ({ personId, personName, toggleOpen, triggerModal,  modalValue,
           `${apiUrl}/${endPoints.messages.new}`,
           messageObject,
         );
-        console.log('data...', data)
+        console.log('data...', data);
         setModalValue(data.message);
         TimerAlert('Message sent successfully');
         triggerModal(personId);
@@ -62,9 +69,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}
@@ -77,8 +82,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" htmlFor="defaultUnchecked">Send Anonymously</label>
+            <input
+              type="checkbox"
+              className="custom-control-input"
+              id="defaultUnchecked"
+              value={isAnonymous}
+              onChange={() => setIsAnonymous(!isAnonymous)}
+            />
+            <label className="custom-control-label" htmlFor="defaultUnchecked">
+              Send Anonymously
+            </label>
           </span>
           <div>
             <button

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

@@ -16,7 +16,13 @@ const useStyles = makeStyles(() => ({
   },
 }));
 
-const UserCard = ({ person, personName, personBio, personImageUrl, isModalOpen }) => {
+const UserCard = ({
+  person,
+  personName,
+  personBio,
+  personImageUrl,
+  isModalOpen,
+}) => {
   const [modalOpen, setModalOpen] = useState(false);
   const [modalValue, setModalValue] = useState('');
   const [isAnonymousMessage, setIsAnonymousMessage] = useState(false);
@@ -34,7 +40,7 @@ const UserCard = ({ person, personName, personBio, personImageUrl, isModalOpen }
   };
 
   const triggerModal = () => {
-    getUserMessage()
+    getUserMessage();
     isModalOpen(!modalOpen);
     setModalOpen(!modalOpen);
   };

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

@@ -2,41 +2,48 @@ import React, { useState, useEffect } from 'react';
 import toast, { Toaster } from 'react-hot-toast';
 import ListQuestions from './manageQuestion';
 import { http } from '../../../../services';
-import { apiUrl, endPoints } from '../../../../config.json'
+import { apiUrl, endPoints } from '../../../../config.json';
 
 const ModerateMessages = () => {
-
-    const [messages, setMessages] = useState([]);
-    useEffect(() => {
-        const fetchMessages = async() => {
-            const { data } = await http.get(`${apiUrl}/${endPoints.messages.forLoggedInUser}`)
-            setMessages(data);
-        };
-        fetchMessages();
-    }, [messages.length]);
-
-    const handleDelete = async(messageId) => {
-        const confirmDelete = window.confirm('Are you sure you want to delete this message?\nYou wont be able to revert this later.');
-        if (confirmDelete) {
-            const messagesArr = [...messages];
-            try {
-                const filteredMessages = messages.filter(message => message._id !== messageId);
-                setMessages([...filteredMessages]);
-                toast.success('Successfully Deleted Message');
-                await http.delete(`${apiUrl}/${endPoints.messages.deleteByMessageId}/${messageId}`);
-            } catch (ex) {
-                setMessages(messagesArr);
-                toast.error('Oops, please try again later!')
-            }
-        }
+  const [messages, setMessages] = useState([]);
+  useEffect(() => {
+    const fetchMessages = async () => {
+      const { data } = await http.get(
+        `${apiUrl}/${endPoints.messages.forLoggedInUser}`,
+      );
+      setMessages(data);
     };
+    fetchMessages();
+  }, [messages.length]);
+
+  const handleDelete = async (messageId) => {
+    const confirmDelete = window.confirm(
+      'Are you sure you want to delete this message?\nYou wont be able to revert this later.',
+    );
+    if (confirmDelete) {
+      const messagesArr = [...messages];
+      try {
+        const filteredMessages = messages.filter(
+          (message) => message._id !== messageId,
+        );
+        setMessages([...filteredMessages]);
+        toast.success('Successfully Deleted Message');
+        await http.delete(
+          `${apiUrl}/${endPoints.messages.deleteByMessageId}/${messageId}`,
+        );
+      } catch (ex) {
+        setMessages(messagesArr);
+        toast.error('Oops, please try again later!');
+      }
+    }
+  };
 
-    return (
-        <>
-            <ListQuestions messages={messages} handleDelete={handleDelete} />
-            <Toaster />
-        </>
-    )
-}
+  return (
+    <>
+      <ListQuestions messages={messages} handleDelete={handleDelete} />
+      <Toaster />
+    </>
+  );
+};
 
-export default ModerateMessages
+export default ModerateMessages;