Use ref for progress updates
This commit is contained in:
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"
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue