Function ProgressDialog

packages/ui-default/components/upload.tsx:28–47

()

  let render = () => { };

  function ProgressDialog() {
    const [, setRender] = React.useState(0);
    React.useEffect(() => {
      render = () => setRender((r) => r + 1);
    }, []);
    return <MantineProvider>
      <div
        style={{
          textAlign: 'center', marginBottom: '5px', color: 'gray', fontSize: 'small',
        }}
      >{uploadLabel}</div>
      <Progress value={uploadProgress} />
      <div
        style={{
          textAlign: 'center', margin: '5px 0', color: 'gray', fontSize: 'small',
        }}
      >{fileLabel}</div>
      <Progress value={fileProgress} />
    </MantineProvider>;
  }

  const dialog = new Dialog({
    $body: $(tpl(<ProgressDialog />, true)),