diff --git a/src/pages/ListForms.js b/src/pages/ListForms.js index a845790765d31ace57bd542f52ba42da3f9aa077..08788a34fb7129484242a6b784411ad85be9e482 100644 --- a/src/pages/ListForms.js +++ b/src/pages/ListForms.js @@ -10,16 +10,16 @@ import { useHistory } from "react-router-dom"; import CardForm from "../components/fieldsListForms/CardForm.jsx"; import Tab from "../components/fieldsListForms/Tab.jsx"; import { Typography } from "@material-ui/core"; -const useStyles = makeStyles((theme) => ({ +const useStyles = makeStyles(theme => ({ body: { - marginBottom: "15%", + marginBottom: "15%" }, Forms: { textAlign: "center", marginBottom: "3%", - fontSize: "20px", - }, + fontSize: "20px" + } })); export default function ListForms() { const classes = useStyles(); @@ -40,25 +40,33 @@ export default function ListForms() { function sort(type) { setAuxForms([]); if (type === "") { - const tmp = [...forms].sort((a, b) => a.id > b.id); + const tmp = [...forms].sort(function(a, b) { + return a.id > b.id ? 1 : -1; + }); setAuxForms(tmp); } else if (type === 1) { - const tmp = [...forms].sort((a, b) => a.title > b.title); + const tmp = [...forms].sort(function(a, b) { + return a.tittle > b.tittle ? 1 : -1; + }); setAuxForms(tmp); } else if (type === 2) { - const tmp = [...forms].sort((a, b) => a.id < b.id); + const tmp = [...forms].sort(function(a, b) { + return a.id < b.id ? 1 : -1; + }); setAuxForms(tmp); } else if (type === 3) { - const tmp = [...forms].sort((a, b) => a.answersNumber < b.answersNumber); + const tmp = [...forms].sort(function(a, b) { + return a.answersNumber < b.answersNumber ? 1 : -1; + }); setAuxForms(tmp); } else if (type === 4) { let tmp = [...forms] - .filter((value) => { + .filter(value => { return value.date; }) .sort((a, b) => a.date > b.date) .concat( - [...forms].filter((value) => { + [...forms].filter(value => { return value.date === ""; }) ); @@ -73,7 +81,7 @@ export default function ListForms() { function searching(string) { console.log(string); setAuxForms( - [...forms].filter((value) => { + [...forms].filter(value => { return value.title.toLowerCase().includes(string.toLowerCase()); }) ); @@ -86,12 +94,12 @@ export default function ListForms() { async function fetchData(id) { const res = await api .get(`/user/list/${id}`) - .then(function (res) { + .then(function(res) { setForms(res.data.sort((a, b) => a.id > b.id)); setAuxForms(res.data.sort((a, b) => a.id > b.id)); setisLoaded(true); }) - .catch((error) => { + .catch(error => { if (error.response.status === 401) { window.sessionStorage.removeItem("token"); window.sessionStorage.removeItem("userId"); @@ -114,7 +122,7 @@ export default function ListForms() { <Grid className={classes.Forms}>Seus Formulários:</Grid> <Grid container justify="center" spacing={3} className={classes.body}> {auxForms.length ? ( - auxForms.map((form) => ( + auxForms.map(form => ( <Grid item xl={4} lg={4} md={4} sm={6} xs={12} zeroMinWidth> <CardForm id={form.id}