File Storage Settings Block for React

USED types the four sizes in gigabytes, and the Versions piece is worked out as one more version times 1.2 GB for each version you keep beyond the file itself, so keeping five adds 4.8 GB. Free space is the 100 GB total minus all of it. The bar is a single image with the whole breakdown in its name, and the legend repeats it as figures.

Only the sentence and what you save. It has eight stops, the slider's value is the stop's place in the list, and it reads out in words such as "25 MB". The photo count is the free gigabytes times 1,024 over 4 MB, and the file count is the same over the limit, both rounded down. Change PHOTO_MB for a different example file.

Then nothing could be uploaded, so the toggles stay as they are and the status line says to keep at least one type. The extensions under the toggles are a typed list for each type; extend TYPES and check the real file type on your server, because an extension in the name proves nothing.

Everything. No file is stored or moved, Save keeps the settings in this page's state and says so, and choosing a provider changes nothing that already exists. In your app save the limit, the types, the versioning rule and the provider with the workspace, enforce the limit and the types on your server at upload, and prune versions with a job that runs after each overwrite.

The slider, the toggles, the switch, the number field and the radio cards are all named and keyboard operable; the toggles are a group you can Tab into and move through with the arrow keys. The number field is greyed while versioning is off, and a bad value is named under it. On a phone the legend becomes two columns, the provider cards stack and the action foot is pinned to the bottom of the screen.