From 0560016f33a6d829145b77ae7afae0914611c618 Mon Sep 17 00:00:00 2001
From: idevakk <219866223+idevakk@users.noreply.github.com>
Date: Tue, 18 Nov 2025 02:39:03 -0800
Subject: [PATCH] fix: update view templates to use array access for cached
 data

  - Update app.blade.php to access menu properties using array syntax
  - Update home.blade.php to access blog properties using array syntax
  - Fixes "Attempt to read property on array" errors after cache conversion
---
 resources/views/components/layouts/app.blade.php | 4 ++--
 resources/views/livewire/home.blade.php          | 6 +++---
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/resources/views/components/layouts/app.blade.php b/resources/views/components/layouts/app.blade.php
index 420a0a5..57d1b57 100644
--- a/resources/views/components/layouts/app.blade.php
+++ b/resources/views/components/layouts/app.blade.php
@@ -65,8 +65,8 @@
         <flux:navlist variant="outline">
             @if(config('app.menus'))
             @foreach(config('app.menus') as $menu)
-            <a href="{{ $menu->url }}" class="h-10 lg:h-8 relative flex items-center gap-3 rounded-lg  py-0 text-start w-full px-3 my-px text-zinc-500 dark:text-white/80 data-current:text-(--color-accent-content) hover:data-current:text-(--color-accent-content) data-current:bg-white dark:data-current:bg-white/[7%] data-current:border data-current:border-zinc-200 dark:data-current:border-transparent hover:text-zinc-800 dark:hover:text-white dark:hover:bg-white/[7%] hover:bg-zinc-800/5  border border-transparent" data-flux-navlist-item="data-flux-navlist-item" @if ($menu->new_tab == 1) target="_blank" @endif>
-                <div class="flex-1 text-sm font-medium leading-none whitespace-nowrap [[data-nav-footer]_&amp;]:hidden [[data-nav-sidebar]_[data-nav-footer]_&amp;]:block" data-content="">{{ $menu->name }}</div>
+            <a href="{{ $menu['url'] }}" class="h-10 lg:h-8 relative flex items-center gap-3 rounded-lg  py-0 text-start w-full px-3 my-px text-zinc-500 dark:text-white/80 data-current:text-(--color-accent-content) hover:data-current:text-(--color-accent-content) data-current:bg-white dark:data-current:bg-white/[7%] data-current:border data-current:border-zinc-200 dark:data-current:border-transparent hover:text-zinc-800 dark:hover:text-white dark:hover:bg-white/[7%] hover:bg-zinc-800/5  border border-transparent" data-flux-navlist-item="data-flux-navlist-item" @if ($menu['new_tab'] == 1) target="_blank" @endif>
+                <div class="flex-1 text-sm font-medium leading-none whitespace-nowrap [[data-nav-footer]_&amp;]:hidden [[data-nav-sidebar]_[data-nav-footer]_&amp;]:block" data-content="">{{ $menu['name'] }}</div>
             </a>
             @endforeach
             @endif
diff --git a/resources/views/livewire/home.blade.php b/resources/views/livewire/home.blade.php
index aab3364..8858ad3 100644
--- a/resources/views/livewire/home.blade.php
+++ b/resources/views/livewire/home.blade.php
@@ -88,16 +88,16 @@
             <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8 p-1">
 
                 @foreach(collect(config('app.blogs'))->take(6) as $blog)
-                    <a href="{{ route('blog', $blog->slug) }}">
+                    <a href="{{ route('blog', $blog['slug']) }}">
                         <div class="flex items-center">
                             <div class="group relative mx-auto w-96 overflow-hidden rounded-[16px] dark:bg-zinc-800 bg-zinc-200 p-[1px] ease-in-out hover:bg-gradient-to-r hover:from-zinc-600 hover:via-zinc-800 hover:to-zinc-700">
                                 <div class="group-hover:animate-spin-slow invisible absolute -top-40 -bottom-40 left-10 right-10 bg-gradient-to-r from-transparent via-gray-600 to-transparent group-hover:visible"></div>
                                 <div class="relative rounded-[15px] dark:bg-zinc-900 bg-zinc-100 dark:text-white text-accent-content p-6">
                                     <div class="space-y-4">
                                         <p class="font-md text-slate-500">
-                                            <img src="{{ asset('storage/'.$blog->post_image) }}" class="card-img-top" alt="{{ $blog->slug }}">
+                                            <img src="{{ asset('storage/'.$blog['post_image']) }}" class="card-img-top" alt="{{ $blog['slug'] }}">
                                         </p>
-                                        <p class="text-lg font-semibold dark:text-white text-accent-content truncate">{{ $blog->post }}</p>
+                                        <p class="text-lg font-semibold dark:text-white text-accent-content truncate">{{ $blog['post'] }}</p>
                                     </div>
                                 </div>
                             </div>