I have an interface that shows some records.

The buttons in the right upper corner should modify the record.
The record has a field called status. If the status of the record is “pending”, then the record should display in this interface.

When any of the two buttons get hit, the record should be remove since the status of the record is modified and is no longer “pending”.

Everything is working fine at this point. But if I try to finish up with all the records, the buttons are still clickable and the fields of the last record are still showing up.

By clicking it once it should be gone and not able to modified it again.