firmware/installPybricksDialog: fix some layout issues

2026-09-13 10:04:15 +00:00 · 2022-07-20 15:24:36 -05:00
parent af8a31d50c
commit 0721a24ef8
2 changed files with 22 additions and 11 deletions
@@ -155,14 +155,19 @@ const AcceptLicensePanel: React.VoidFunctionComponent<AcceptLicensePanelProps> =
        <div className={dialogBody}>
            <div className="pb-firmware-installPybricksDialog-license">
                <div className="pb-firmware-installPybricksDialog-license-text">
-                    {data && <pre>{data.licenseText}</pre>}
-                    {!data && (
-                        <NonIdealState>
-                            {(error &&
-                                i18n.translate(
-                                    I18nId.LicensePanelLicenseTextError,
-                                )) || <Spinner />}
-                        </NonIdealState>
+                    {data ? (
+                        <pre>{data.licenseText}</pre>
+                    ) : (
+                        <NonIdealState
+                            icon={error ? 'error' : <Spinner />}
+                            description={
+                                error
+                                    ? i18n.translate(
+                                          I18nId.LicensePanelLicenseTextError,
+                                      )
+                                    : undefined
+                            }
+                        />
                    )}
                </div>
                <Checkbox