fix(activity-image): image not showing on public

Hasban-Fardani · Sep 2, 2024 · aba6e3e · aba6e3e
1 parent d9356dd
commit aba6e3e
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 13 deletions.
diff --git a/app/Filament/Admin/Resources/ActivityResource.php b/app/Filament/Admin/Resources/ActivityResource.php
@@ -73,7 +73,6 @@ public static function table(Table $table): Table
                     ->extraAttributes([
                         'class' => 'w-24 h-24',
                     ])
-                    ->disk('public')
                     ->defaultImageUrl('https://picsum.photos/300/300'),
                 Tables\Columns\TextColumn::make('name')
                     ->label('JUDUL')

diff --git a/database/seeders/ActivitySeeder.php b/database/seeders/ActivitySeeder.php
@@ -17,7 +17,7 @@ public function run(): void
     {
         $activities = [
             [
-                'image' => 'storage/images/bg-kegiatan-1.png',
+                'image' => 'images/bg-kegiatan-1.png',
                 'name' => 'Pembukaan Acara Festival Budaya',
                 'description' => 'Acara pembukaan festival budaya tahunan di Cirebon.',
                 'is_draft' => false,
@@ -26,7 +26,7 @@ public function run(): void
                 'published_data' => '2024-08-20',
             ],
             [
-                'image' => 'storage/images/bg-kegiatan-2.png',
+                'image' => 'images/bg-kegiatan-2.png',
                 'name' => 'Workshop Kerajinan Tangan',
                 'description' => 'Pelatihan kerajinan tangan untuk masyarakat sekitar.',
                 'is_draft' => false,
@@ -35,7 +35,7 @@ public function run(): void
                 'published_data' => '2024-08-22',
             ],
             [
-                'image' => 'storage/images/bg-kegiatan-3.png',
+                'image' => 'images/bg-kegiatan-3.png',
                 'name' => 'Seminar Kesehatan',
                 'description' => 'Seminar tentang pentingnya pola hidup sehat.',
                 'is_draft' => true,
@@ -44,7 +44,7 @@ public function run(): void
                 'published_data' => null,
             ],
             [
-                'image' => 'storage/images/bg-kegiatan-4.png',
+                'image' => 'images/bg-kegiatan-4.png',
                 'name' => 'Kegiatan Donor Darah',
                 'description' => 'Aksi donor darah bersama untuk membantu sesama.',
                 'is_draft' => false,
@@ -53,7 +53,7 @@ public function run(): void
                 'published_data' => '2024-08-25',
             ],
             [
-                'image' => 'storage/images/bg-kegiatan-1.png',
+                'image' => 'images/bg-kegiatan-1.png',
                 'name' => 'Lomba Mewarnai Anak',
                 'description' => 'Lomba mewarnai bagi anak-anak usia 4-7 tahun.',
                 'is_draft' => true,
@@ -62,7 +62,7 @@ public function run(): void
                 'published_data' => null,
             ],
             [
-                'image' => 'storage/images/bg-kegiatan-2.png',
+                'image' => 'images/bg-kegiatan-2.png',
                 'name' => 'Kampanye Lingkungan Hijau',
                 'description' => 'Kampanye untuk meningkatkan kesadaran lingkungan hijau.',
                 'is_draft' => false,
@@ -71,7 +71,7 @@ public function run(): void
                 'published_data' => '2024-08-27',
             ],
             [
-                'image' => 'storage/images/bg-kegiatan-3.png',
+                'image' => 'images/bg-kegiatan-3.png',
                 'name' => 'Pameran Seni Rupa',
                 'description' => 'Pameran seni rupa dari berbagai seniman lokal.',
                 'is_draft' => false,
@@ -80,7 +80,7 @@ public function run(): void
                 'published_data' => '2024-08-28',
             ],
             [
-                'image' => 'storage/images/bg-kegiatan-4.png',
+                'image' => 'images/bg-kegiatan-4.png',
                 'name' => 'Pelatihan Kewirausahaan',
                 'description' => 'Pelatihan kewirausahaan untuk meningkatkan kemampuan bisnis.',
                 'is_draft' => true,
@@ -89,7 +89,7 @@ public function run(): void
                 'published_data' => null,
             ],
             [
-                'image' => 'storage/images/bg-kegiatan-1.png',
+                'image' => 'images/bg-kegiatan-1.png',
                 'name' => 'Pertunjukan Musik Akustik',
                 'description' => 'Pertunjukan musik akustik oleh band lokal.',
                 'is_draft' => false,
@@ -98,7 +98,7 @@ public function run(): void
                 'published_data' => '2024-08-29',
             ],
             [
-                'image' => 'storage/images/bg-kegiatan-2.png',
+                'image' => 'images/bg-kegiatan-2.png',
                 'name' => 'Penanaman Pohon Bersama',
                 'description' => 'Kegiatan penanaman pohon bersama di area hijau.',
                 'is_draft' => false,

diff --git a/resources/views/livewire/activity.blade.php b/resources/views/livewire/activity.blade.php
@@ -8,7 +8,6 @@
             <x-mary-button label="Terbaru" icon-right="m-chevron-down" class="w-1/5 btn btn-outline" />
             <x-mary-button label="Cari kegiatan..." icon="o-magnifying-glass" wire:model="search" class="w-4/5 btn btn-outline" />
         </div>
-        {{-- {{ dd($activities) }} --}}
         <div class="grid grid-cols-1 py-10 lg:grid-cols-4 md:grid-cols-3 gap-7">
             @foreach ($activities as $activity)
                 <livewire:components.card-with-button :title="$activity->name" :images="$activity->image"

diff --git a/resources/views/livewire/components/card-with-button.blade.php b/resources/views/livewire/components/card-with-button.blade.php
@@ -2,7 +2,7 @@
     <div class="flex flex-col border">
         <x-mary-button label="{{ $date }}"
             class="absolute text-[0.72rem] text-white border-none outline-none top-5 left-7 bg-secondaryRed btn-sm" />
-        <img src="{{ asset($images) }}" alt="{{ $title }}" height="200" width="200" class="w-full">
+        <img src="{{ asset('storage/'.$images) }}" alt="{{ $title }}" height="200" width="200" class="w-full">
 
         <!-- avatar section-->
         @if (!empty($avatar))