IMP: Udpate Quick Links Admin Panel.

Author: AsmitNepali

database/factories/SettingFactory.php

@@ -33,11 +33,18 @@ public function definition(): array
             'google_analytic_code' => '<script></script>',
             'google_adsense_code' => '<script></script>',
             'quick_links' => [
-                $this->faker->word => $this->faker->url(),
-
-                $this->faker->word => $this->faker->url(),
-
-                $this->faker->word => $this->faker->url()
+                [
+                    'label' => 'Home',
+                    'url' => $this->faker->url,
+                ],
+                [
+                    'label' => 'About',
+                    'url' => $this->faker->url,
+                ],
+                [
+                    'label' => 'Contact',
+                    'url' => $this->faker->url,
+                ],
             ],
         ];
     }

resources/views/layouts/app.blade.php

@@ -185,10 +185,10 @@
                     </div>
                     <div class="flex flex-col items-start gap-3 py-3 text-sm font-medium">
                         <h4 class="text-xl font-semibold">Quick Links</h4>
-                        @forelse($setting->quick_links ?? [] as $title => $link)
-                            <a href="{{$link }}"
+                        @forelse($setting->quick_links ?? [] as $link)
+                            <a href="{{$link['url'] }}"
                                class="transition duration-300 will-change-transform hover:translate-x-1 hover:text-black motion-reduce:transition-none motion-reduce:hover:transform-none">
-                                {{ $title }}
+                                {{ $link['label'] }}
                             </a>
                         @empty
                             <p class="text-gray-300 font-semibold">No links found</p>

src/Models/Setting.php

@@ -4,6 +4,7 @@
 
 use Filament\Forms\Components\FileUpload;
 use Filament\Forms\Components\KeyValue;
+use Filament\Forms\Components\Repeater;
 use Filament\Forms\Components\Section;
 use Filament\Forms\Components\Textarea;
 use Filament\Forms\Components\TextInput;
@@ -85,12 +86,20 @@ public static function getForm(): array
             Section::make('Quick Links')
                 ->description('Add your quick links here. This will be displayed in the footer of your blog.')
                 ->schema([
-                    KeyValue::make('quick_links')
-                        ->label('Please add full url with http or https.')
-                        ->keyLabel('Title')
-                        ->valueLabel('URL')
-                        ->columnSpanFull(),
-                ])->columns(2),
+                    Repeater::make('quick_links')
+                        ->label('Links')
+                        ->schema([
+                            TextInput::make('label')
+                                ->required()
+                                ->maxLength(155),
+                            TextInput::make('url')
+                                ->label('URL')
+                                ->helperText('URL should start with http:// or https://')
+                                ->required()
+                                ->url()
+                                ->maxLength(255),
+                        ])->columns(2),
+                ])->columnSpanFull(),
         ];
     }
 }