sorting Ok

src/containers/Dashboard.js

@@ -88,7 +88,6 @@ export default class {
   handleEditTicket(e, bill, bills) {
     if (this.counter === undefined || this.id !== bill.id) this.counter = 0
     if (this.id === undefined || this.id !== bill.id) this.id = bill.id
-    if (this.id === bill.id) this.counter = 0
     if (this.counter % 2 === 0) {
       bills.forEach(b => {
         $(`#open-bill${b.id}`).css({ background: '#0D5AE5' })
@@ -146,7 +145,7 @@ export default class {
     }
 
     bills.forEach(bill => {
-      $(`#open-bill${bill.id}`).click((e) => this.handleEditTicket(e, bill, bills))
+      $(`#open-bill${bill.id}`).off().on("click",((e) => this.handleEditTicket(e, bill, bills)));
     })
 
     return bills

src/containers/NewBill.js

@@ -14,6 +14,7 @@ export default class NewBill {
     this.fileName = null
     this.billId = null
     new Logout({ document, localStorage, onNavigate })
+    //disable submit button
   }
   handleChangeFile = e => {
     e.preventDefault()
@@ -27,7 +28,12 @@ export default class NewBill {
     formData.append('file', file)
     formData.append('email', email)
 
-
+    if (fileExtension != "png" && fileExtension != "jpg" && fileExtension != "jpeg") {
+      //disable submit button
+      //add error message 
+    }
+    else {
+      //enable submit button
       this.store
       .bills()
       .create({
@@ -41,11 +47,9 @@ export default class NewBill {
         this.billId = key
         this.fileUrl = fileUrl
         this.fileName = fileName
-        if (fileExtension != "png" && fileExtension != "jpg" && fileExtension != "jpeg") {
-          throw new Error ("Wrong file extension ")
-        }
+
       }).catch(error => console.error(error))
-
+    }
   }
 
   handleSubmit = e => {

src/views/BillsUI.js

@@ -20,7 +20,11 @@ const row = (bill) => {
   }
 
 const rows = (data) => {
-  return (data && data.length) ? data.map(bill => row(bill)).join("") : ""
+  if ((data && data.length)) {
+    const dataSorted = data.sort((a, b)=> ((a.date < b.date) ? 1 : -1))
+    return (dataSorted.map(bill => row(bill)).join(""))
+  }
+  else {return ("")}
 }
 
 export default ({ data: bills, loading, error }) => {