How should I call tileDisabled?

Hi! I am building a reservation system, and using an external fetch, to determine that which days are disabled.

When I call my fetch, I return a list of days in a given month, with the value true or false, depending on if the day is already booked by someone else or not.

How should I call tileDisabled every time someone jumps between months with the «, ‹, ›, » buttons? Or could you recommend another approach? my fetch is something like this.

  isOverlapping = (roomId, month) => {
    const url = "https://apiurl.com/getOverlaps?"
    return fetch(`${url}roomId=${roomId}&month=${month}`)
      .then(res => res.json())
      .catch(e => console.error(e))
  }

Then I get the JSON of the following format:

[
  "2018-03-01": {
      beforeNoon: false,
      afterNoon: true
   },
  "2018-03-02": {
      beforeNoon: true,
      afterNoon: false
   },
   ... and so on, the whole month
]

Here, the customer arrives at 2018 March 1 at 14:00, and leaves on 2018 March 2 10:00

[balazsorban44]

Thanks, I will try, and give you feedback how it went. Definitely a good idea to fetch several months at the same time. Nice work, by the way. 👌

[wojtekmaj]

I’m closing this issue to give other issues more visibility. If you still need assistance with this matter, please do not hesitate to reply and I’ll reopen.

Happy coding!