Filament•12mo ago

Unable to find component filament.livewire.notifications

Hi, I'm using a custom page and after an object is saved, I redirect to that custom page. However, I always come accross the following error : "Unable to find component : [filament.livewire.notifications]". I suppose there is something missing maybe in my custom page, but I do not find what. Here is my redirect function :

class CreateProjectsType extends CreateRecord
{
    protected static string $resource = ProjectsTypeResource::class;

    protected function getRedirectUrl(): string
    {
        return route('projectstype.items.edit', $this->getRecord());
    }
}

class CreateProjectsType extends CreateRecord
{
    protected static string $resource = ProjectsTypeResource::class;

    protected function getRedirectUrl(): string
    {
        return route('projectstype.items.edit', $this->getRecord());
    }
}

And then the custom page called by the router :

<?php
namespace App\Livewire;

use App\Models\Project;
use Filament\Pages\Page;
use Livewire\Attributes\On;
use Livewire\Component;

class Planning extends Page
{
    protected static string $view = 'filament.pages.planning';

    protected static ?string $title = 'Custom Page Title';

    public ?ProjectsType $project;

    public $items = [];

    #[On('reload-items')]
    public function refreshItems()
    {
       // Some code
    }

    public static function shouldRegisterNavigation(): bool
    {
        return false;
    }

    public function mount(ProjectsType $projectstype)
    {
        $this->project = $projectstype;
       // Some code
        self::$title = 'Planning for project type ' . $this->project->name;
    }
}

<?php
namespace App\Livewire;

use App\Models\Project;
use Filament\Pages\Page;
use Livewire\Attributes\On;
use Livewire\Component;

class Planning extends Page
{
    protected static string $view = 'filament.pages.planning';

    protected static ?string $title = 'Custom Page Title';

    public ?ProjectsType $project;

    public $items = [];

    #[On('reload-items')]
    public function refreshItems()
    {
       // Some code
    }

    public static function shouldRegisterNavigation(): bool
    {
        return false;
    }

    public function mount(ProjectsType $projectstype)
    {
        $this->project = $projectstype;
       // Some code
        self::$title = 'Planning for project type ' . $this->project->name;
    }
}

And to finish, here is the view for this page :

<x-filament-panels::page>
    <div>
        <div class="w-full text-right">
            <x-filament::button color="primary" @click="$dispatch('open-modal', { id: 'add-item' })">
                New item
            </x-filament::button>
        </div>
        <x-filament::modal width="5xl" id="add-item">
          <!-- Something -->
        </x-filament::modal>
        <ul class="divide-y divide-gray-100">
           <!-- HTML blabla -->
        </ul>
    </div>
</x-filament-panels::page>

<x-filament-panels::page>
    <div>
        <div class="w-full text-right">
            <x-filament::button color="primary" @click="$dispatch('open-modal', { id: 'add-item' })">
                New item
            </x-filament::button>
        </div>
        <x-filament::modal width="5xl" id="add-item">
          <!-- Something -->
        </x-filament::modal>
        <ul class="divide-y divide-gray-100">
           <!-- HTML blabla -->
        </ul>
    </div>
</x-filament-panels::page>

Do you see where the issue could come from? Thanks!

1 Reply

Tritus•12mo ago

Issue fixed by using Filament\Resource\Pages\Page instead of use Filament\Pages\Page;

Gaming

Programming

Unable to find component filament.livewire.notifications