From 3d816332146aa3cdff2c8a1c832291cfe82016d1 Mon Sep 17 00:00:00 2001
From: Elian Doran <contact@eliandoran.me>
Date: Sun, 10 Aug 2025 17:53:45 +0300
Subject: [PATCH] fix(react/dialogs): add back selection in revisions list

---
 apps/client/src/widgets/dialogs/revisions.tsx | 4 +++-
 apps/client/src/widgets/react/FormList.tsx    | 5 +++--
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/apps/client/src/widgets/dialogs/revisions.tsx b/apps/client/src/widgets/dialogs/revisions.tsx
index bf3e4061c..5b774ce30 100644
--- a/apps/client/src/widgets/dialogs/revisions.tsx
+++ b/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>
diff --git a/apps/client/src/widgets/react/FormList.tsx b/apps/client/src/widgets/react/FormList.tsx
index 96ab65ed2..6cf881f70 100644
--- a/apps/client/src/widgets/react/FormList.tsx
+++ b/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>