style: Added link to dropdown, updated icon

vanguardbackup · Aug 10, 2024 · f94a464 · f94a464
1 parent 9c76850
commit f94a464
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 6 deletions.
diff --git a/resources/views/account/partials/sidebar.blade.php b/resources/views/account/partials/sidebar.blade.php
@@ -27,7 +27,7 @@
         <li class="flex-1 lg:flex-initial">
             <x-sidebar-nav-link :href="route('profile.api')" :active="request()->routeIs('profile.api*')" wire:navigate>
                 <span class="flex flex-col lg:flex-row items-center justify-center lg:justify-start py-2 lg:py-1.5">
-                    @svg('heroicon-o-key', 'h-6 w-6 lg:h-5 lg:w-5 lg:mr-2')
+                    @svg('heroicon-o-code-bracket', 'h-6 w-6 lg:h-5 lg:w-5 lg:mr-2')
                     <span class="text-xs mt-1 lg:mt-0 lg:text-sm">{{ __('Manage API Tokens') }}</span>
                 </span>
             </x-sidebar-nav-link>

diff --git a/resources/views/livewire/layout/navigation.blade.php b/resources/views/livewire/layout/navigation.blade.php
@@ -126,6 +126,10 @@ class="h-8 w-8 rounded-full border border-gray-950 transition-opacity duration-3
                                 @svg('heroicon-o-bell', 'h-5 w-5 mr-2 inline')
                                 {{ __('Notifications') }}
                             </x-dropdown-link>
+                            <x-dropdown-link :href="route('profile.api')" wire:navigate>
+                                @svg('heroicon-o-code-bracket', 'h-5 w-5 mr-2 inline')
+                                {{ __('API Tokens') }}
+                            </x-dropdown-link>
                             <x-dropdown-link :href="route('statistics')" wire:navigate>
                                 @svg('heroicon-o-chart-pie', 'h-5 w-5 mr-2 inline')
                                 {{ __('Statistics') }}
@@ -204,6 +208,10 @@ class="h-8 w-8 rounded-full border border-gray-950 transition-opacity duration-3
                     @svg('heroicon-o-bell', 'h-5 w-5 text-gray-50 mr-2 inline')
                     {{ __('Notifications') }}
                 </x-responsive-nav-link>
+                <x-responsive-nav-link :href="route('profile.api')" wire:navigate>
+                    @svg('heroicon-o-code-bracket', 'h-5 w-5 text-gray-50 mr-2 inline')
+                    {{ __('API Tokens') }}
+                </x-responsive-nav-link>
                 <x-responsive-nav-link :href="route('statistics')" wire:navigate>
                     @svg('heroicon-o-chart-pie', 'h-5 w-5 text-gray-50 mr-2 inline')
                     {{ __('Statistics') }}

diff --git a/resources/views/livewire/profile/api-token-manager.blade.php b/resources/views/livewire/profile/api-token-manager.blade.php
@@ -394,7 +394,7 @@ private function getBackupTaskAbilities(): array
             {{ __('Generate a new API token with specific abilities.') }}
         </x-slot>
         <x-slot name="icon">
-            heroicon-o-key
+            heroicon-o-code-bracket
         </x-slot>
         <form wire:submit.prevent="createApiToken" class="space-y-6">
             <div>
@@ -481,7 +481,7 @@ class="absolute left-0 bottom-full mb-2 w-48 bg-gray-800 text-white text-xs roun
     @if ($this->tokens->isEmpty())
         <x-no-content withBackground>
             <x-slot name="icon">
-                @svg('heroicon-o-key', 'h-16 w-16 text-primary-900 dark:text-white inline')
+                @svg('heroicon-o-code-bracket', 'h-16 w-16 text-primary-900 dark:text-white inline')
             </x-slot>
             <x-slot name="title">
                 {{ __('No API Tokens') }}
@@ -499,7 +499,7 @@ class="mt-4">
     @else
         <x-form-wrapper>
             <x-slot name="icon">
-                heroicon-o-key
+                heroicon-o-code-bracket
             </x-slot>
             <x-slot name="description">
                 {{ __('Manage your API tokens for third-party access to Vanguard.') }}
@@ -610,7 +610,7 @@ class="px-6 py-3 text-right text-xs font-medium text-gray-500 dark:text-gray-400
             {{ __('Your new API token has been generated. Please copy it now, as it won\'t be shown again.') }}
         </x-slot>
         <x-slot name="icon">
-            heroicon-o-key
+            heroicon-o-code-bracket
         </x-slot>
         <div class="space-y-4">
                 <div class="bg-gray-100 dark:bg-gray-700 p-4 rounded-md">
@@ -636,7 +636,7 @@ class="px-6 py-3 text-right text-xs font-medium text-gray-500 dark:text-gray-400
             {{ __('View the abilities assigned to this API token.') }}
         </x-slot>
         <x-slot name="icon">
-            heroicon-o-key
+            heroicon-o-code-bracket
         </x-slot>
         <div class="mt-4 space-y-4">
             @if ($viewingTokenId)