Laravel Filament 3 Custom Page view props – Laravel

The Solutions:

Solution 1: Livewire Data Passing

To pass data to the custom dashboard page blade view in Laravel Filament 3, you can utilize the Livewire component’s data-binding capabilities. Here’s an improved solution to achieve this:

1. In your custom dashboard page class, define a public property to hold the user’s data:

public $user;

2. Within the mount() method of your page, fetch the authenticated user’s data and assign it to the $user property:

public function mount()
{
    $this->user = auth()->user();
}

3. Within the view() method, return the blade view along with the $user data:

public static function view(): View
{
    return view('filament.pages.dashboard', ['user' => auth()->user()]);
}

4. In the blade view, you can access the $user data as follows:

@livewire.component('custom-dashboard-page')
<x-filament-panels::page>
    Hello {{ $user->name }}!
</x-filament-panels::page>
@endcomponent

This approach ensures that the user’s data is properly passed to the blade view and can be accessed within the Livewire component.

Solution 2: Override getViewData function

Instead of overwriting the static view function, you can override the getViewData function from the BasePage class. This function is responsible for returning the data that is passed to the view. By overriding this function, you can return the data array that you want to pass to the view. Here’s an example:

<?php

namespace App\Filament\Pages;

use App\Filament\Widgets\OverviewWidget;
use App\Filament\Widgets\StatsOverview;

use Filament\Pages\Page;
use Illuminate\Support\Facades\Auth;
use Illuminate\View\View;

class Dashboard extends Page
{
    protected static ?string $navigationIcon = 'heroicon-o-home';

    protected static string $view = 'filament.pages.dashboard';

    protected function getHeaderWidgets(): array
    {
        return [
            StatsOverview::class,
        ];
    }

    protected function getViewData(): array
    {
        $user = Auth::user(); // get the authenticated user

        return compact('user');
    }
}

With this change, the $user variable will be available in your view and you can use it as needed.

Video Explanation:

The following video, titled "Laravel Filament Roles and Permissions Full Tutorial - YouTube", provides additional insights and in-depth exploration related to the topics discussed in this post.

In this video, we are going to work with Laravel Filament permissions. Laravel Filament. Laravel Spatie permission.