Devlog #14: sync.tsx page, Cloud Assignments, QoL features

UI/UX implementation is a slow but steady WIP.

Add directory tree dialog

A QoL feature that, when the user clicks a folder in folders.tsx, displays the folder’s subdirectories and shows which paths are affected by the IgnoreRules prop.

sync.tsx page

The layout of the sync.tsx page is mostly finished! It contains three tables:

1. Current jobs (displays what is being currently uploaded)
2. Pending cloud assignments (new remote locations assigned by the user for a folder, or “removal” assignments issued by the user to remove a folder from a specific remote location)
3. Upcoming sync queue (table that displays the modifications and updates that will be applied to folders that already have existing remote locations)

PendingChanges display dialog

A table that shows the user the list of edits made to the folder or the folder’s subdirectories, in order. It displays the tracked information from the FileSystemWatcher API.

SyncFrequency input dialog

An input dialog that allows the user to set how frequently they want a folder to be synced. Includes Daily, Weekly, Monthly, and an “Inactive” option.