1 files changed, 3 insertions, 9 deletions
diff --git a/app/views/profiles/personal_access_tokens/index.html.haml b/app/views/profiles/personal_access_tokens/index.html.haml
index 887d07f7a20..636defb3f10 100644
--- a/app/views/profiles/personal_access_tokens/index.html.haml
+++ b/app/views/profiles/personal_access_tokens/index.html.haml
@@ -15,22 +15,16 @@
       = s_('AccessTokens|They are the only accepted password when you have Two-Factor Authentication (2FA) enabled.')
 
   .col-lg-8
-    - if @new_personal_access_token
-      = render 'shared/access_tokens/created_container',
-        type: type,
-        new_token_value: @new_personal_access_token
+    #js-new-access-token-app{ data: { access_token_type: type } }
 
     = render 'shared/access_tokens/form',
+        ajax: true,
         type: type,
         path: profile_personal_access_tokens_path,
         token: @personal_access_token,
         scopes: @scopes,
         help_path: help_page_path('user/profile/personal_access_tokens.md', anchor: 'personal-access-token-scopes')
 
-    = render 'shared/access_tokens/table',
-        type: type,
-        type_plural: type_plural,
-        active_tokens: @active_personal_access_tokens,
-        revoke_route_helper: ->(token) { revoke_profile_personal_access_token_path(token) }
+    #js-access-token-table-app{ data: { access_token_type: type, access_token_type_plural: type_plural, initial_active_access_tokens: @active_personal_access_tokens.to_json } }
 
 #js-tokens-app{ data: { tokens_data: tokens_app_data } }