Use ref for progress updates

2021-07-02 16:52:33 +05:30
parent 3dcc7738f6
commit 87c624d085
5 changed files with 20 additions and 17 deletions
@@ -29,11 +29,11 @@ const ExportDialog: React.FC<IProps> = ({ room, onFinished }) => {
    const [exportType, setExportType] = useState(exportTypes.TIMELINE);
    const [includeAttachments, setAttachments] = useState(false);
    const [isExporting, setExporting] = useState(false);
-    const [exportProgressText, setExportProgressText] = useState("");
    const [numberOfMessages, setNumberOfMessages] = useState<number>(100);
    const [sizeLimit, setSizeLimit] = useState<number | null>(8);
    const sizeLimitRef = useRef<Field>();
    const messageCountRef = useRef<Field>();
+    const exportProgressRef = useRef<HTMLParagraphElement>();
    const [displayCancel, setCancelWarning] = useState(false);
    const [exportCancelled, setExportCancelled] = useState(false);
    const [exportSuccessful, setExportSuccessful] = useState(false);
@@ -59,7 +59,7 @@ const ExportDialog: React.FC<IProps> = ({ room, onFinished }) => {
                        room,
                        exportTypes[exportType],
                        exportOptions,
-                        setExportProgressText,
+                        exportProgressRef,
                    ),
                );
                break;
@@ -69,7 +69,7 @@ const ExportDialog: React.FC<IProps> = ({ room, onFinished }) => {
                        room,
                        exportTypes[exportType],
                        exportOptions,
-                        setExportProgressText,
+                        exportProgressRef,
                    ),
                );
                break;
@@ -79,7 +79,7 @@ const ExportDialog: React.FC<IProps> = ({ room, onFinished }) => {
                        room,
                        exportTypes[exportType],
                        exportOptions,
-                        setExportProgressText,
+                        exportProgressRef,
                    ),
                );
                break;
@@ -356,7 +356,7 @@ const ExportDialog: React.FC<IProps> = ({ room, onFinished }) => {
                onFinished={onFinished}
                fixedWidth={true}
            >
-                <p> { exportProgressText } </p>
+                <p ref={exportProgressRef} />
                <DialogButtons
                    primaryButton={_t("Cancel")}
                    primaryButtonClass="danger"