Is Dashboard a livewire component?

Dashboard is a Page, right? Which means its a livewire component. Why cant I pass values to the blade file?

<?php

namespace App\Filament\Pages;

use Filament\Actions\Contracts\HasActions;
use Filament\Forms\Contracts\HasForms;
use Filament\Pages\Page;
use Filament\Pages\Dashboard as FilamentDashboard;
use Filament\Forms\Concerns\InteractsWithForms;
use Filament\Actions\Concerns\InteractsWithActions;
use Filament\Actions\Action;
use Http;
use Illuminate\Http\Client\Response; 
use Illuminate\Contracts\View\View;

class Dashboard extends FilamentDashboard implements HasForms, HasActions
{
    use InteractsWithActions;
    use InteractsWithForms;

    protected static ?string $navigationIcon = 'heroicon-o-document-text';

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

    public function testAction(): Action
    {
        return Action::make('test')
            ->button();
    }

    public function render(): View
    {
        return view('filament.pages.dashboard', [
            'users' => 10,
        ]);
    }
}

<?php

namespace App\Filament\Pages;

use Filament\Actions\Contracts\HasActions;
use Filament\Forms\Contracts\HasForms;
use Filament\Pages\Page;
use Filament\Pages\Dashboard as FilamentDashboard;
use Filament\Forms\Concerns\InteractsWithForms;
use Filament\Actions\Concerns\InteractsWithActions;
use Filament\Actions\Action;
use Http;
use Illuminate\Http\Client\Response; 
use Illuminate\Contracts\View\View;

class Dashboard extends FilamentDashboard implements HasForms, HasActions
{
    use InteractsWithActions;
    use InteractsWithForms;

    protected static ?string $navigationIcon = 'heroicon-o-document-text';

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

    public function testAction(): Action
    {
        return Action::make('test')
            ->button();
    }

    public function render(): View
    {
        return view('filament.pages.dashboard', [
            'users' => 10,
        ]);
    }
}

<?php

namespace App\Filament\Pages;

use Filament\Actions\Contracts\HasActions;
use Filament\Forms\Contracts\HasForms;
use Filament\Pages\Page;
use Filament\Pages\Dashboard as FilamentDashboard;
use Filament\Forms\Concerns\InteractsWithForms;
use Filament\Actions\Concerns\InteractsWithActions;
use Filament\Actions\Action;
use Http;
use Illuminate\Http\Client\Response; 
use Illuminate\Contracts\View\View;

class Dashboard extends FilamentDashboard implements HasForms, HasActions
{
    use InteractsWithActions;
    use InteractsWithForms;

    protected static ?string $navigationIcon = 'heroicon-o-document-text';

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

    public function testAction(): Action
    {
        return Action::make('test')
            ->button();
    }

    public function render(): View
    {
        return view('filament.pages.dashboard', [
            'users' => 10,
        ]);
    }
}

<?php

namespace App\Filament\Pages;

use Filament\Actions\Contracts\HasActions;
use Filament\Forms\Contracts\HasForms;
use Filament\Pages\Page;
use Filament\Pages\Dashboard as FilamentDashboard;
use Filament\Forms\Concerns\InteractsWithForms;
use Filament\Actions\Concerns\InteractsWithActions;
use Filament\Actions\Action;
use Http;
use Illuminate\Http\Client\Response; 
use Illuminate\Contracts\View\View;

class Dashboard extends FilamentDashboard implements HasForms, HasActions
{
    use InteractsWithActions;
    use InteractsWithForms;

    protected static ?string $navigationIcon = 'heroicon-o-document-text';

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

    public function testAction(): Action
    {
        return Action::make('test')
            ->button();
    }

    public function render(): View
    {
        return view('filament.pages.dashboard', [
            'users' => 10,
        ]);
    }
}

awcodes•9/15/23, 11:50 PM

Is you livewire view using the filament page component.?

Aawcodes Is you livewire view using the filament page component.?

DarkKnightOP•9/15/23, 11:57 PM

yes its is!

<x-filament-panels::page>
        // ...
        <x-filament::section>
            <div @click="test">
                {{$this->testAction}}

                <x-filament-actions::modals />
            </div>

            <span>{{$this->users}}</span>
        </x-filament::section>
    </div>
</x-filament-panels::page>

<x-filament-panels::page>
        // ...
        <x-filament::section>
            <div @click="test">
                {{$this->testAction}}

                <x-filament-actions::modals />
            </div>

            <span>{{$this->users}}</span>
        </x-filament::section>
    </div>
</x-filament-panels::page>

awcodes•9/15/23, 11:58 PM

Better question why are you defining a view property and a render method?

awcodes•9/15/23, 11:59 PM

Livewire doesn’t know what to do

awcodes•9/16/23, 12:00 AM

They are part of the same thing and you’re just confusing it.

Aawcodes Better question why are you defining a view property and a render method?

DarkKnightOP•9/16/23, 12:01 AM

Because I went to the BasePage and that render() had defined a View property

awcodes•9/16/23, 12:01 AM

Yea but your overriding it. You don’t need to do that.

awcodes•9/16/23, 12:02 AM

The view property says to render that view. But then you’re telling it to ignore you view property and try to render a different view that it can’t find.

awcodes•9/16/23, 12:03 AM

Use one or the other, not both.

Aawcodes Yea but your overriding it. You don’t need to do that.

DarkKnightOP•9/16/23, 12:06 AM

So I should just keep it like this?

    public function render()
    {
        return view('filament.pages.dashboard', [
            'users' => 10,
        ]);
    }

    public function render()
    {
        return view('filament.pages.dashboard', [
            'users' => 10,
        ]);
    }

awcodes•9/16/23, 12:12 AM

If you make users a property on the livewire component then you don’t have to pass it. But I can’t recommend one or the other without understanding the actual use case.

awcodes•9/16/23, 12:13 AM

Neither are wrong. It depends on the use case and what should be exposed publicly. But you can’t use both methodologies at the same time.

DarkKnightOP•9/16/23, 12:15 AM

Basically what I want to do is fetch some data periodically (like every 2s) and display it on the widget.

DarkKnightOP•9/16/23, 12:15 AM

Like a function that will run every 2s and output something

awcodes•9/16/23, 12:16 AM

Widgets have a polling setting.

awcodes•9/16/23, 12:17 AM

They are their own livewire components. Sounds like you need to focus on the widget and less on the page.

Aawcodes Widgets have a polling setting.

DarkKnightOP•9/16/23, 12:21 AM

is polling only done for the getStats() function?

awcodes•9/16/23, 12:22 AM

Widgets don’t have state.?

Aawcodes Widgets don’t have state.?

DarkKnightOP•9/16/23, 12:22 AM

not state, getStats()

protected function getStats(): array
{
    return [
        Stat::make('Unique views', '192.1k')
            ->description('32k increase')
            ->descriptionIcon('heroicon-m-arrow-trending-up')
            ->chart([7, 2, 10, 3, 15, 4, 17])
            ->color('success'),
        // ...
    ];
}

protected function getStats(): array
{
    return [
        Stat::make('Unique views', '192.1k')
            ->description('32k increase')
            ->descriptionIcon('heroicon-m-arrow-trending-up')
            ->chart([7, 2, 10, 3, 15, 4, 17])
            ->color('success'),
        // ...
    ];
}

awcodes•9/16/23, 12:22 AM

Forms have state

awcodes•9/16/23, 12:23 AM

Sorry, my bad. Misread that.

Aawcodes Sorry, my bad. Misread that.

DarkKnightOP•9/16/23, 12:23 AM

Haha, no problem

awcodes•9/16/23, 12:24 AM

But yea. Widgets have their own polling .

DarkKnightOP•9/16/23, 12:24 AM

I understand, but do they only poll from getStats()?

awcodes•9/16/23, 12:25 AM

https://filamentphp.com/docs/3.x/widgets/stats-overview#live-updating-stats-polling

Stats overview widgets - Widgets - Filament

awcodes•9/16/23, 12:26 AM

When you poll the widget will re-evaluate itself.

awcodes•9/16/23, 12:28 AM

They don’t poll from getStats. Polling tells live wire to rerun the component meaning getStats will get processed on each polling interval and dom diffed to the widget.

awcodes•9/16/23, 12:29 AM

In livewire, polling basically refreshes the livewire component.

DarkKnightOP•9/16/23, 12:30 AM

Should I have something to return?

<x-filament-widgets::widget>
    <x-filament::section>
        {{-- Widget content --}}
    </x-filament::section>
</x-filament-widgets::widget>

<x-filament-widgets::widget>
    <x-filament::section>
        {{-- Widget content --}}
    </x-filament::section>
</x-filament-widgets::widget>

Aawcodes In livewire, polling basically refreshes the livewire component.

DarkKnightOP•9/16/23, 12:31 AM

Understandable

awcodes•9/16/23, 12:32 AM

Not to say there may or may not be caveats in that depending on the hydration lifecycle of the component but that boils down to your understanding of livewire and how to apply it’s lifecycle hooks. But in this case Stats should respect the polling lifecycle and re-render appropriately without you needing to intervene.

DarkKnightOP•9/16/23, 12:33 AM

As it is now, the doesnt show anything

<?php

namespace App\Filament\Widgets;

use Filament\Widgets\StatsOverviewWidget as BaseWidget;
use Filament\Widgets\StatsOverviewWidget\Stat;
use Filament\Widgets\Widget;
use Illuminate\Contracts\View\View;

class MusicWidget extends BaseWidget
{
    protected static string $view = 'filament.widgets.music-widget';

    protected function getStats(): array
    {
        return [
            Stat::make('Unique views', '192.1k'),
        ];
    }
}

<?php

namespace App\Filament\Widgets;

use Filament\Widgets\StatsOverviewWidget as BaseWidget;
use Filament\Widgets\StatsOverviewWidget\Stat;
use Filament\Widgets\Widget;
use Illuminate\Contracts\View\View;

class MusicWidget extends BaseWidget
{
    protected static string $view = 'filament.widgets.music-widget';

    protected function getStats(): array
    {
        return [
            Stat::make('Unique views', '192.1k'),
        ];
    }
}

Aawcodes Not to say there may or may not be caveats in that depending on the hydration li...

DarkKnightOP•9/16/23, 12:34 AM

Yeah Im still trying very hard to understand how livewire works.

awcodes•9/16/23, 12:34 AM

You’re doing too much. Music widget should be extending StatsWidget in this case.

awcodes•9/16/23, 12:35 AM

Wait misread that too. Sorry.

Aawcodes You’re doing too much. Music widget should be extending StatsWidget in this case...

DarkKnightOP•9/16/23, 12:35 AM

But docs do the same

Aawcodes Wait misread that too. Sorry.

DarkKnightOP•9/16/23, 12:35 AM

Ah oke

awcodes•9/16/23, 12:37 AM

Only thing standing out to me in that code is that your returning a hard coded value to the Stat. So it’ll never change .

DarkKnightOP•9/16/23, 12:38 AM

Yes of course, but its not even rendering

awcodes•9/16/23, 12:39 AM

Can you share a repo. Feel like something might be off at a higher level. Feel free to DM me if you don’t want to share it publicly.

Aawcodes Can you share a repo. Feel like something might be off at a higher level. Feel f...

DarkKnightOP•9/16/23, 12:40 AM

Sure. But the repo is private haha

awcodes•9/16/23, 12:40 AM

You can add me and then delete me after the issue is resolved. I won’t be mad lol.

awcodes•9/16/23, 12:41 AM

Just trying to help, but it’s your call.

Aawcodes You can add me and then delete me after the issue is resolved. I won’t be mad lo...

DarkKnightOP•9/16/23, 12:42 AM

yaah I know. In my mind I didnt know if you were going to be ok with sharing your email so I can add you but then I remembered that you have your own public repos

awcodes•9/16/23, 12:42 AM

Hard to help sometimes without a more wholistic view sometimes.

DarkKnightOP•9/16/23, 12:43 AM

Yeahh very understandable

DarkKnightOP•9/16/23, 12:43 AM

Gimme a few

awcodes•9/16/23, 12:43 AM

I’m a visual learner. Lol.

awcodes•9/16/23, 12:44 AM

If it’s private you can just add me as a contributor with my GitHub username.

Is Dashboard a livewire component?

Similar Threads

Similar Threads

Similar Threads