fix(app activation): overlay fix (#191)

eclipse-tractusx · Aug 4, 2023 · 8299bee · 8299bee
1 parent 999760a
commit 8299bee
Showing 1 changed file with 31 additions and 19 deletions.
diff --git a/src/components/pages/AppSubscription/ActivateSubscriptionOverlay/index.tsx b/src/components/pages/AppSubscription/ActivateSubscriptionOverlay/index.tsx
@@ -144,25 +144,37 @@ const ActivateSubscriptionOverlay = ({
     <>
       {activationResponse ? (
         <div className="activationOverlay">
-          <DialogHeader
-            title=" "
-            intro={t('content.appSubscription.activation.successDescription')}
-            closeWithIcon={true}
-            icon={true}
-            iconComponent={
-              <CheckCircleOutlinedIcon sx={{ fontSize: 60 }} color="success" />
-            }
-            onCloseWithIcon={() => dispatch(closeOverlay())}
-          />
-          <DialogContent>
-            <StaticTable data={tableData1} horizontal={false} />
-            <StaticTable data={tableData2} horizontal={false} />
-          </DialogContent>
-          <DialogActions>
-            <Button variant="outlined" onClick={closeActivationOverlay}>
-              {t('global.actions.close')}
-            </Button>
-          </DialogActions>
+          <Dialog
+            open={true}
+            sx={{
+              '.MuiDialog-paper': {
+                maxWidth: '45%',
+              },
+            }}
+          >
+            <DialogHeader
+              title=" "
+              intro={t('content.appSubscription.activation.successDescription')}
+              closeWithIcon={true}
+              icon={true}
+              iconComponent={
+                <CheckCircleOutlinedIcon
+                  sx={{ fontSize: 60 }}
+                  color="success"
+                />
+              }
+              onCloseWithIcon={() => dispatch(closeOverlay())}
+            />
+            <DialogContent>
+              <StaticTable data={tableData1} horizontal={false} />
+              <StaticTable data={tableData2} horizontal={false} />
+            </DialogContent>
+            <DialogActions>
+              <Button variant="outlined" onClick={closeActivationOverlay}>
+                {t('global.actions.close')}
+              </Button>
+            </DialogActions>
+          </Dialog>
         </div>
       ) : (
         <Dialog