Force open edit dialog after access creation

Signed-off-by: Émile Ré <nemile.re@gmail.com>

apps/console/src/pages/organizations/trustCenter/TrustCenterAccessTab/TrustCenterAccessItem.tsx

@@ -9,18 +9,17 @@ import { useTranslate } from "@probo/i18n";
 import { TrustCenterAccessEditDialog } from "./TrustCenterAccessEditDialog";
 
 interface TrustCenterAccessItemProps {
-  openDialog: boolean,
   access: TrustCenterAccess
   connectionId?: string;
+  dialogOpen: boolean,
 }
 
 export function TrustCenterAccessItem(props: TrustCenterAccessItemProps) {
-  // TODO openDialog after access creation
-  const { access, connectionId } = props;
+  const { access, connectionId, dialogOpen: initialDialogOpen } = props;
 
   const { __ } = useTranslate();
   const { isAuthorized } = use(PermissionsContext);
-  const [dialogOpen, setDialogOpen] = useState<boolean>(false)
+  const [dialogOpen, setDialogOpen] = useState<boolean>(initialDialogOpen)
 
   const [deleteInvitation, isDeleting] = useMutationWithToasts(deleteTrustCenterAccessMutation, {
     successMessage: __("Access deleted successfully"),

apps/console/src/pages/organizations/trustCenter/TrustCenterAccessTab/TrustCenterAccessTab.tsx

@@ -198,10 +198,10 @@ export default function TrustCenterAccessTab() {
             <Tbody>
               {accesses.map((access) => (
                 <TrustCenterAccessItem
-                  key={access.id}
+                  key={`${access.id}-${editingAccess?.id === access.id}`}
                   access={access}
                   connectionId={trustCenterData?.accesses?.__id}
-                  openDialog={editingAccess?.id === access.id}
+                  dialogOpen={editingAccess?.id === access.id}
                 />
               ))}
             </Tbody>