ActionLock System

[Austin2Shih]

Overview

When users perform actions such as creating, deleting, or updating content, it may take some time. We want to do two things:

1. Pause user interactions (don't want users moving things around while state is updating in the backend)
2. Keep user up to date with progress for their action. Ideally, we want to allow the frontend to provide a loading message (as JSX) and also to update the loading message if progress changes.

Suggestions

Create an ActionLockContext and a useActionLockContext hook so that any client component is able to access this state. Make it so that when the ActionLockContext is in a locked state, a modal pops up with the ActionLock data.