Unable to delete check-ins.

[AmTryingMyBest]

Expected Behaviour

When user tries to delete more than one check-in by clicking the Delete All button on a check-in, site is stuck on delete spinner.

Actual Behaviour

User should be able to delete all check-ins when they click on Delete All button.

Steps to Reproduce

• Navigate to Check-Ins,
• Under the Sent tab, click on Delete All button on a check-in that is repeated.
• delete spinner shows up and persists, forever.

Screenshot

Logs

TypeError: Cannot read property 'id' of null
    at main.js:1
    at t.invoke (polyfills.js:3)
    at Object.onInvoke (vendor.js:1)
    at t.invoke (polyfills.js:3)
    at r.run (polyfills.js:3)
    at polyfills.js:3
    at t.invokeTask (polyfills.js:3)
    at Object.onInvokeTask (vendor.js:1)
    at t.invokeTask (polyfills.js:3)
    at r.runTask (polyfills.js:3)
    at o (polyfills.js:3)
    at e.invokeTask [as invoke] (polyfills.js:3)
    at p (polyfills.js:2)
    at HTMLButtonElement.v (polyfills.js:2)
    at c (polyfills.js:3)
    at polyfills.js:3
    at t.invokeTask (polyfills.js:3)
    at Object.onInvokeTask (vendor.js:1)
    at t.invokeTask (polyfills.js:3)
    at r.runTask (polyfills.js:3)
    at o (polyfills.js:3)
    at e.invokeTask [as invoke] (polyfills.js:3)
    at p (polyfills.js:2)
    at HTMLButtonElement.v (polyfills.js:2)
vendor.js:1 Error: Uncaught (in promise): TypeError: Cannot read property 'id' of null
TypeError: Cannot read property 'id' of null
    at main.js:1
    at t.invoke (polyfills.js:3)
    at Object.onInvoke (vendor.js:1)
    at t.invoke (polyfills.js:3)
    at r.run (polyfills.js:3)
    at polyfills.js:3
    at t.invokeTask (polyfills.js:3)
    at Object.onInvokeTask (vendor.js:1)
    at t.invokeTask (polyfills.js:3)
    at r.runTask (polyfills.js:3)
    at o (polyfills.js:3)
    at e.invokeTask [as invoke] (polyfills.js:3)
    at p (polyfills.js:2)
    at HTMLButtonElement.v (polyfills.js:2)
    at c (polyfills.js:3)
    at polyfills.js:3
    at t.invokeTask (polyfills.js:3)
    at Object.onInvokeTask (vendor.js:1)
    at t.invokeTask (polyfills.js:3)
    at r.runTask (polyfills.js:3)
    at o (polyfills.js:3)
    at e.invokeTask [as invoke] (polyfills.js:3)
    at p (polyfills.js:2)
    at HTMLButtonElement.v (polyfills.js:2)

Environment

• www.tenfour.org
• app.tenfour.org
• staging.tenfour.org
• dev.tenfour.org
• localhost:8100
• iOS App (live)
• iOS App (testflight)
• Android App (live)
• Android App (beta)

[AmTryingMyBest]

@dalezak this still happens.

Now when I delete a check-in, I get a confirmation that it has been deleted, and then the list goes blank. When I hit refresh page, however, all check-ins re-appear, including the one that I'd just deleted.
When I click on delete, the issue as described above occurs.

[dalezak]

Ok @Obadha2, I think I have this fixed, sent to @mackers for review.

Note, the Delete All button should only show up in the Scheduled tab now, since we only support deleting future unsent checkins.