fix(account): enable add access token button EE-7059 (#11745)

app/portainer/react/components/account.ts

@@ -26,7 +26,8 @@ export const accountModule = angular
   )
   .component(
     'accessTokensDatatable',
-    r2a(withUIRouter(withReactQuery(withCurrentUser(AccessTokensDatatable))), [
+    r2a(
-      'canExit',
+      withUIRouter(withReactQuery(withCurrentUser(AccessTokensDatatable))),
-    ])
+      []
+    )
   ).name;

app/react/portainer/account/AccountView/AccessTokensDatatable/AccessTokensDatatable.tsx

@@ -12,7 +12,7 @@ import { TableActions } from './TableActions';
 const tableKey = 'access-tokens';
 const store = createPersistedStore(tableKey);
 
-export function AccessTokensDatatable({ canExit }: { canExit?: boolean }) {
+export function AccessTokensDatatable() {
   const query = useAccessTokens();
   const tableState = useTableState(store, tableKey);
 
@@ -25,7 +25,7 @@ export function AccessTokensDatatable({ canExit }: { canExit?: boolean }) {
       title="Access tokens"
       titleIcon={Key}
       renderTableActions={(selectedItems) => (
-        <TableActions selectedItems={selectedItems} canExit={canExit} />
+        <TableActions selectedItems={selectedItems} />
       )}
       data-cy="access-tokens-datatable"
     />

app/react/portainer/account/AccountView/AccessTokensDatatable/TableActions.tsx

@@ -9,10 +9,8 @@ import { useDeleteAccessTokensMutation } from './useDeleteAccessTokensMutation';
 
 export function TableActions({
   selectedItems,
-  canExit,
 }: {
   selectedItems: AccessToken[];
-  canExit?: boolean;
 }) {
   const deleteMutation = useDeleteAccessTokensMutation();
 
@@ -25,11 +23,7 @@ export function TableActions({
         data-cy="access-tokens-delete-button"
       />
 
-      <AddButton
+      <AddButton to=".new-access-token" data-cy="access-tokens-add-button">
-        to=".new-access-token"
-        disabled={!canExit}
-        data-cy="access-tokens-add-button"
-      >
         Add access token
       </AddButton>
     </>