From 0f617f7f87e8de514c5a09fbe19d4fd66e611fbc Mon Sep 17 00:00:00 2001
From: Richard Wei <54336863+WaysonWei@users.noreply.github.com>
Date: Fri, 29 Jul 2022 19:11:03 +1200
Subject: [PATCH] fix js console error for access control and stack page
 (#7347)

---
 .../AccessControlPanel/AccessControlPanel.tsx | 48 +++++++++----------
 .../views/stacks/edit/stackController.js      |  2 +-
 2 files changed, 24 insertions(+), 26 deletions(-)

diff --git a/app/portainer/access-control/AccessControlPanel/AccessControlPanel.tsx b/app/portainer/access-control/AccessControlPanel/AccessControlPanel.tsx
index ee4a0d763..9e43e3de9 100644
--- a/app/portainer/access-control/AccessControlPanel/AccessControlPanel.tsx
+++ b/app/portainer/access-control/AccessControlPanel/AccessControlPanel.tsx
@@ -6,7 +6,7 @@ import { r2a } from '@/react-tools/react2angular';
 import { TeamMembership, Role } from '@/portainer/teams/types';
 import { useUserMembership } from '@/portainer/users/queries';
 
-import { Table, TableContainer, TableTitle } from '@@/datatables';
+import { TableContainer, TableTitle } from '@@/datatables';
 import { Button } from '@@/buttons';
 
 import { ResourceControlType, ResourceId } from '../types';
@@ -48,33 +48,31 @@ export function AccessControlPanel({
       <div className="col-sm-12">
         <TableContainer>
           <TableTitle label="Access control" icon="eye" featherIcon />
-          <Table className="no-padding">
-            <AccessControlPanelDetails
-              resourceType={resourceType}
-              resourceControl={resourceControl}
-            />
+          <AccessControlPanelDetails
+            resourceType={resourceType}
+            resourceControl={resourceControl}
+          />
 
-            {!isEditDisabled && !isEditMode && (
-              <div className="row">
-                <div>
-                  <Button color="link" onClick={toggleEditMode}>
-                    <Icon icon="edit" className="space-right" feather />
-                    Change ownership
-                  </Button>
-                </div>
+          {!isEditDisabled && !isEditMode && (
+            <div className="row">
+              <div>
+                <Button color="link" onClick={toggleEditMode}>
+                  <Icon icon="edit" className="space-right" feather />
+                  Change ownership
+                </Button>
               </div>
-            )}
+            </div>
+          )}
 
-            {isEditMode && (
-              <AccessControlPanelForm
-                resourceControl={resourceControl}
-                onCancelClick={() => toggleEditMode()}
-                resourceId={resourceId}
-                resourceType={resourceType}
-                onUpdateSuccess={handleUpdateSuccess}
-              />
-            )}
-          </Table>
+          {isEditMode && (
+            <AccessControlPanelForm
+              resourceControl={resourceControl}
+              onCancelClick={() => toggleEditMode()}
+              resourceId={resourceId}
+              resourceType={resourceType}
+              onUpdateSuccess={handleUpdateSuccess}
+            />
+          )}
         </TableContainer>
       </div>
     </div>
diff --git a/app/portainer/views/stacks/edit/stackController.js b/app/portainer/views/stacks/edit/stackController.js
index a8bd60368..4bb08a802 100644
--- a/app/portainer/views/stacks/edit/stackController.js
+++ b/app/portainer/views/stacks/edit/stackController.js
@@ -316,7 +316,7 @@ angular.module('portainer.app').controller('StackController', [
     }
 
     function loadStack(id) {
-      return $async(() => {
+      return $async(async () => {
         var agentProxy = $scope.applicationState.endpoint.mode.agentProxy;
 
         getEnvironments()