From d709ea7eaaace6b880f71c243155e1661698e248 Mon Sep 17 00:00:00 2001
From: Viktor Fomin <enotcode@gmail.com>
Date: Mon, 4 Sep 2023 13:25:50 +0300
Subject: [PATCH] Client: PortalSettings: BackupList: fix crash

---
 .../sub-components/backup-list/index.js       | 37 +++++++++++--------
 1 file changed, 22 insertions(+), 15 deletions(-)

diff --git a/packages/client/src/pages/PortalSettings/categories/data-management/backup/restore-backup/sub-components/backup-list/index.js b/packages/client/src/pages/PortalSettings/categories/data-management/backup/restore-backup/sub-components/backup-list/index.js
index 00d1e6cf6f..f1f8a1fe52 100644
--- a/packages/client/src/pages/PortalSettings/categories/data-management/backup/restore-backup/sub-components/backup-list/index.js
+++ b/packages/client/src/pages/PortalSettings/categories/data-management/backup/restore-backup/sub-components/backup-list/index.js
@@ -170,18 +170,25 @@ const BackupListModalDialog = (props) => {
     setState((val) => ({ ...val, isChecked: !val.isChecked }));
   };
 
-  const { onModalClose, isVisibleDialog, t, isCopyingToLocal, theme, standalone } = props;
+  const {
+    onModalClose,
+    isVisibleDialog,
+    t,
+    isCopyingToLocal,
+    theme,
+    standalone,
+  } = props;
   const { filesList, isLoading, selectedFileIndex, isChecked } = state;
 
-    const helpContent = () => (
-      <>
-        <Text className="restore-backup_warning-description">
-          {t("RestoreBackupWarningText")}{" "}
-          {!standalone && (
-            <Text as="span" className="restore-backup_warning-link">
-              {t("RestoreBackupResetInfoWarningText")}
-            </Text>
-          )}
+  const helpContent = () => (
+    <>
+      <Text className="restore-backup_warning-description">
+        {t("RestoreBackupWarningText")}{" "}
+        {!standalone && (
+          <Text as="span" className="restore-backup_warning-link">
+            {t("RestoreBackupResetInfoWarningText")}
+          </Text>
+        )}
       </Text>
     </>
   );
@@ -212,7 +219,7 @@ const BackupListModalDialog = (props) => {
                 </Text>
                 <Link
                   id="delete-backups"
-                  onClick={this.onCleanBackupList}
+                  onClick={onCleanBackupList}
                   fontWeight={600}
                   style={{ textDecoration: "underline dotted" }}
                 >
@@ -226,8 +233,8 @@ const BackupListModalDialog = (props) => {
                 filesList.length > 0 ? (
                   <BackupListBody
                     filesList={filesList}
-                    onDeleteBackup={this.onDeleteBackup}
-                    onSelectFile={this.onSelectFile}
+                    onDeleteBackup={onDeleteBackup}
+                    onSelectFile={onSelectFile}
                     selectedFileIndex={selectedFileIndex}
                   />
                 ) : (
@@ -255,7 +262,7 @@ const BackupListModalDialog = (props) => {
             <Checkbox
               truncate
               className="backup-list_checkbox"
-              onChange={this.onChangeCheckbox}
+              onChange={onChangeCheckbox}
               isChecked={isChecked}
             />
             <Text as="span" className="backup-list_agreement-text">
@@ -276,7 +283,7 @@ const BackupListModalDialog = (props) => {
               primary
               size="normal"
               label={t("Common:Restore")}
-              onClick={this.onRestorePortal}
+              onClick={onRestorePortal}
               isDisabled={isCopyingToLocal || !isChecked}
             />
             <Button