Issue #37: FIX Chrome ordenation behavior

closes #37 (closed) Signed-off-by: Richard Heise rfhf19@inf.ufpr.br

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}