11<div >
22 <!-- Generate API Token -->
3- <x-jet- form-section submit =" createApiToken" >
3+ <x-form-section submit =" createApiToken" >
44 <x-slot name =" title" >
55 {{ __ (' Create API Token' ) } }
66 </x-slot >
1212 <x-slot name =" form" >
1313 <!-- Token Name -->
1414 <div class =" col-span-6 sm:col-span-4" >
15- <x-jet- label for =" name" value =" {{ __ (' Token Name' ) } }" />
16- <x-jet- input id =" name" type =" text" class =" mt-1 block w-full" wire:model.defer =" createApiTokenForm.name" autofocus />
17- <x-jet- input-error for =" name" class =" mt-2" />
15+ <x-label for =" name" value =" {{ __ (' Token Name' ) } }" />
16+ <x-input id =" name" type =" text" class =" mt-1 block w-full" wire:model.defer =" createApiTokenForm.name" autofocus />
17+ <x-input-error for =" name" class =" mt-2" />
1818 </div >
1919
2020 <!-- Token Permissions -->
2121 @if (Laravel \Jetstream \Jetstream:: hasPermissions () )
2222 <div class =" col-span-6" >
23- <x-jet- label for =" permissions" value =" {{ __ (' Permissions' ) } }" />
23+ <x-label for =" permissions" value =" {{ __ (' Permissions' ) } }" />
2424
2525 <div class =" mt-2 grid grid-cols-1 md:grid-cols-2 gap-4" >
2626 @foreach (Laravel \Jetstream \Jetstream:: $permissions as $permission )
2727 <label class =" flex items-center" >
28- <x-jet- checkbox wire:model.defer =" createApiTokenForm.permissions" :value =" $permission" />
28+ <x-checkbox wire:model.defer =" createApiTokenForm.permissions" :value =" $permission" />
2929 <span class =" ml-2 text-sm text-gray-600" >{{ $permission } } </span >
3030 </label >
3131 @endforeach
3535 </x-slot >
3636
3737 <x-slot name =" actions" >
38- <x-jet- action-message class =" mr-3" on =" created" >
38+ <x-action-message class =" mr-3" on =" created" >
3939 {{ __ (' Created.' ) } }
40- </x-jet- action-message >
40+ </x-action-message >
4141
42- <x-jet- button >
42+ <x-button >
4343 {{ __ (' Create' ) } }
44- </x-jet- button >
44+ </x-button >
4545 </x-slot >
46- </x-jet- form-section >
46+ </x-form-section >
4747
4848 @if ($this -> user -> tokens -> isNotEmpty () )
49- <x-jet- section-border />
49+ <x-section-border />
5050
5151 <!-- Manage API Tokens -->
5252 <div class =" mt-10 sm:mt-0" >
53- <x-jet- action-section >
53+ <x-action-section >
5454 <x-slot name =" title" >
5555 {{ __ (' Manage API Tokens' ) } }
5656 </x-slot >
8989 @endforeach
9090 </div >
9191 </x-slot >
92- </x-jet- action-section >
92+ </x-action-section >
9393 </div >
9494 @endif
9595
9696 <!-- Token Value Modal -->
97- <x-jet- dialog-modal wire:model =" displayingToken" >
97+ <x-dialog-modal wire:model =" displayingToken" >
9898 <x-slot name =" title" >
9999 {{ __ (' API Token' ) } }
100100 </x-slot >
104104 {{ __ (' Please copy your new API token. For your security, it won\' t be shown again.' ) } }
105105 </div >
106106
107- <x-jet- input x-ref =" plaintextToken" type =" text" readonly :value =" $plainTextToken"
107+ <x-input x-ref =" plaintextToken" type =" text" readonly :value =" $plainTextToken"
108108 class =" mt-4 bg-gray-100 px-4 py-2 rounded font-mono text-sm text-gray-500 w-full"
109109 autofocus autocomplete =" off" autocorrect =" off" autocapitalize =" off" spellcheck =" false"
110110 @showing -token-modal.window =" setTimeout(() => $refs.plaintextToken.select(), 250)"
111111 />
112112 </x-slot >
113113
114114 <x-slot name =" footer" >
115- <x-jet- secondary-button wire:click =" $set('displayingToken', false)" wire:loading.attr =" disabled" >
115+ <x-secondary-button wire:click =" $set('displayingToken', false)" wire:loading.attr =" disabled" >
116116 {{ __ (' Close' ) } }
117- </x-jet- secondary-button >
117+ </x-secondary-button >
118118 </x-slot >
119- </x-jet- dialog-modal >
119+ </x-dialog-modal >
120120
121121 <!-- API Token Permissions Modal -->
122- <x-jet- dialog-modal wire:model =" managingApiTokenPermissions" >
122+ <x-dialog-modal wire:model =" managingApiTokenPermissions" >
123123 <x-slot name =" title" >
124124 {{ __ (' API Token Permissions' ) } }
125125 </x-slot >
@@ -128,26 +128,26 @@ class="mt-4 bg-gray-100 px-4 py-2 rounded font-mono text-sm text-gray-500 w-full
128128 <div class =" grid grid-cols-1 md:grid-cols-2 gap-4" >
129129 @foreach (Laravel \Jetstream \Jetstream:: $permissions as $permission )
130130 <label class =" flex items-center" >
131- <x-jet- checkbox wire:model.defer =" updateApiTokenForm.permissions" :value =" $permission" />
131+ <x-checkbox wire:model.defer =" updateApiTokenForm.permissions" :value =" $permission" />
132132 <span class =" ml-2 text-sm text-gray-600" >{{ $permission } } </span >
133133 </label >
134134 @endforeach
135135 </div >
136136 </x-slot >
137137
138138 <x-slot name =" footer" >
139- <x-jet- secondary-button wire:click =" $set('managingApiTokenPermissions', false)" wire:loading.attr =" disabled" >
139+ <x-secondary-button wire:click =" $set('managingApiTokenPermissions', false)" wire:loading.attr =" disabled" >
140140 {{ __ (' Cancel' ) } }
141- </x-jet- secondary-button >
141+ </x-secondary-button >
142142
143- <x-jet- button class =" ml-3" wire:click =" updateApiToken" wire:loading.attr =" disabled" >
143+ <x-button class =" ml-3" wire:click =" updateApiToken" wire:loading.attr =" disabled" >
144144 {{ __ (' Save' ) } }
145- </x-jet- button >
145+ </x-button >
146146 </x-slot >
147- </x-jet- dialog-modal >
147+ </x-dialog-modal >
148148
149149 <!-- Delete Token Confirmation Modal -->
150- <x-jet- confirmation-modal wire:model =" confirmingApiTokenDeletion" >
150+ <x-confirmation-modal wire:model =" confirmingApiTokenDeletion" >
151151 <x-slot name =" title" >
152152 {{ __ (' Delete API Token' ) } }
153153 </x-slot >
@@ -157,13 +157,13 @@ class="mt-4 bg-gray-100 px-4 py-2 rounded font-mono text-sm text-gray-500 w-full
157157 </x-slot >
158158
159159 <x-slot name =" footer" >
160- <x-jet- secondary-button wire:click =" $toggle('confirmingApiTokenDeletion')" wire:loading.attr =" disabled" >
160+ <x-secondary-button wire:click =" $toggle('confirmingApiTokenDeletion')" wire:loading.attr =" disabled" >
161161 {{ __ (' Cancel' ) } }
162- </x-jet- secondary-button >
162+ </x-secondary-button >
163163
164- <x-jet- danger-button class =" ml-3" wire:click =" deleteApiToken" wire:loading.attr =" disabled" >
164+ <x-danger-button class =" ml-3" wire:click =" deleteApiToken" wire:loading.attr =" disabled" >
165165 {{ __ (' Delete' ) } }
166- </x-jet- danger-button >
166+ </x-danger-button >
167167 </x-slot >
168- </x-jet- confirmation-modal >
168+ </x-confirmation-modal >
169169</div >
0 commit comments