fix(react/dialogs): add back selection in revisions list

apps/client/src/widgets/dialogs/revisions.tsx

@@ -83,6 +83,7 @@ function RevisionsDialogComponent() {
                             setCurrentRevision(correspondingRevision);
                         }
                     }}
+                    currentRevision={currentRevision}
                 />
 
                 <div className="revision-content-wrapper" style={{
@@ -104,13 +105,14 @@ function RevisionsDialogComponent() {
     )
 }
 
-function RevisionsList({ revisions, onSelect }: { revisions: RevisionItem[], onSelect: (val: string) => void }) {
+function RevisionsList({ revisions, onSelect, currentRevision }: { revisions: RevisionItem[], onSelect: (val: string) => void, currentRevision?: RevisionItem }) {
     return (
         <FormList style={{ height: "100%", flexShrink: 0 }} onSelect={onSelect}>
             {revisions.map((item) => 
                 <FormListItem
                     title={t("revisions.revision_last_edited", { date: item.dateLastEdited })}
                     value={item.revisionId}
+                    active={currentRevision && item.revisionId === currentRevision.revisionId}
                 >
                     {item.dateLastEdited && item.dateLastEdited.substr(0, 16)} ({item.contentLength && utils.formatSize(item.contentLength)})
                 </FormListItem>

apps/client/src/widgets/react/FormList.tsx

@@ -29,11 +29,12 @@ interface FormListItemOpts {
     icon?: string;
     value?: string;
     title?: string;
+    active?: boolean;
 }
 
-export function FormListItem({ children, icon, value, title }: FormListItemOpts) {
+export function FormListItem({ children, icon, value, title, active }: FormListItemOpts) {
     return (
-        <a class="dropdown-item" data-value={value} title={title}>
+        <a class={`dropdown-item ${active ? "active" : ""}`} data-value={value} title={title}>
             <Icon icon={icon} />&nbsp;
             {children}
         </a>