Jobs board not showing

[melissawm]

Currently, the jobs board is actually showing up as empty on https://jobs.numfocus.org/

The console is showing a couple of errors:

[stefanv]

There are no unexpired jobs! Maybe I should print a message when that is the case?

[CAM-Gerlach]

To provide another data point, in FF 107.0.1 on Windows, I see the jobs briefly display successfully, but then the JS hits a couple of React errors and the jobs are no longer displayed:

Loading	Loaded

[stefanv]

Behavior is correct, if undesirable. I can have it filter first and then display.

See also #33

[melissawm]

Oh I see! Thanks @stefanv !

[stefanv]

It's a good question, how those jobs ever slip by, because the code is:

  const jobs = filterJobs(jobData, formData);

and in filterJobs:

const filterJobs = (jobs, filter) => {
  // Filter out expired jobs.  Use Howland Island timezone to ensure
  // that everyone sees the job on its last day.
  const today = new Date();
  jobs = jobs.filter((job) => new Date(`${job.expires}T23:59:59.999-12:00`) > today);

[CAM-Gerlach]

Also, from a UX perspective, the idiomatic pattern would be to always show some kind of message confirming that no open jobs are available instead of just a blank screen, which (as can be seen by the multiple responses here) is interpreted by users as abnormal behavior of unclear provenance.

[stefanv]

Check out the new page ;)

[psobolewskiPhD]

As one of the confused people by the blank page, the banner is great—thanks!
But from the other screenshots, it looks like the expired jobs are there somewhere, so maybe it could be possible to still browse them, just for curiousity/archival? Like a checkbox "expired" in the filter?

[stefanv]

Yes, all the jobs are there, since they receive permalinks. I can add a button to the search box to show expired posts as you suggest.

[stefanv]

@psobolewskiPhD There you go: #34

[psobolewskiPhD]

Love it! thanks!
Minor nitpick: I think there's a line break missing:

[stefanv]

They render side-by-side on a wide screen, and then start to wrap as the screen gets narrower. A simple bit of CSS would solve that, if someone wants to take a look.

[SahilSinghTomar]

we can decrease padding to the right so that full-time come in 1 line