Merge pull request #5076 from KKoukiou/webui-error-autoresize

webui: Let error reporting dialog test area auto resize
rhinstaller · Aug 28, 2023 · a7c5819 · a7c5819
2 parents eda3584 + 064d5ba
commit a7c5819
Showing 1 changed file with 21 additions and 17 deletions.
diff --git a/ui/webui/src/components/Error.jsx b/ui/webui/src/components/Error.jsx
@@ -27,6 +27,8 @@ import {
     HelperTextItem,
     Modal,
     ModalVariant,
+    Stack,
+    StackItem,
     TextArea,
     TextContent,
     TextVariants,
@@ -92,18 +94,25 @@ export const BZReportModal = ({
           titleIconVariant={titleIconVariant}
           variant={ModalVariant.large}
           footer={
-              <>
-                  <Button
-                    variant="primary"
-                    isLoading={preparingReport}
-                    isDisabled={logContent === undefined || preparingReport}
-                    icon={<ExternalLinkAltIcon />}
-                    onClick={() => openBZIssue(reportLinkURL)}
-                    component="a">
-                      {preparingReport ? _("Preparing report") : _("Report issue")}
-                  </Button>
-                  {buttons}
-              </>
+              <Stack hasGutter>
+                  <FormHelperText isHidden={false}>
+                      <HelperText>
+                          <HelperTextItem>{_("Reporting an issue will send information over the network. Plese review and edit the attached log to remove any sensitive information.")}</HelperTextItem>
+                      </HelperText>
+                  </FormHelperText>
+                  <StackItem>
+                      <Button
+                        variant="primary"
+                        isLoading={preparingReport}
+                        isDisabled={logContent === undefined || preparingReport}
+                        icon={<ExternalLinkAltIcon />}
+                        onClick={() => openBZIssue(reportLinkURL)}
+                        component="a">
+                          {preparingReport ? _("Preparing report") : _("Report issue")}
+                      </Button>
+                      {buttons}
+                  </StackItem>
+              </Stack>
           }>
             <Form>
                 {detailsLabel &&
@@ -125,11 +134,6 @@ export const BZReportModal = ({
                       isDisabled={logContent === undefined || preparingReport}
                       rows={25}
                     />
-                    <FormHelperText isHidden={false}>
-                        <HelperText>
-                            <HelperTextItem>{_("Reporting an issue will send information over the network. Plese review and edit the attached log to remove any sensitive information.")}</HelperTextItem>
-                        </HelperText>
-                    </FormHelperText>
                 </FormGroup>
             </Form>
         </Modal>