FilamentF
Filament•3y ago
Mark Chaney

Attempting to use ListeRecords Tabs in with Standalone Tables with a modified trait

So i setup a simple trait that does the basics and it kind of works. The problem is that on initial page load, the query is happening twice. The second issue is that i have to click a tab twice for it to do the modifier. Seems on the first click it just loads the last query and ive confirmed that with ray, the second one uses the modifier. So how can i avoid it running the table query twice on page load and then having to click twice?

PropertiesTable livewire component
public function tableQuery(): Builder
{
    $query = Property::query()
        ->addAvailableUnitsSum();

    $query = $this->tabbedQuery($query);

    return $query;
}

public function getTabs(): array
{
    return [
        'all' => Tab::make(),
        'active' => Tab::make()
            ->modifyQueryUsing(fn (Builder $query) => $query->where('active', 1)),
        'inactive' => Tab::make()
            ->modifyQueryUsing(fn (Builder $query) => $query->where('active', 0)),
    ];
}

public function table(Table $table): Table
{
    return $table->query($this->tableQuery());
}

Trait File 
namespace App\Http\Livewire\Traits;

use Illuminate\Database\Eloquent\Builder;

trait FilamentTabs
{
    public ?string $activeTab = null;

    protected function tabbedQuery($query): Builder
    {
        $tabs = $this->getTabs();

        if (! filled($this->activeTab) && count($tabs) > 0) {
            $this->activeTab = array_key_first($tabs);
        }

        if (
            filled($this->activeTab) &&
            array_key_exists($this->activeTab, $tabs)
        ) {
            $tabs[$this->activeTab]->modifyQuery($query);
        }

        return $query;
    }

    public function generateTabLabel(string $key): string
    {
        return (string) str($key)
            ->replace(['_', '-'], ' ')
            ->ucfirst();
    }
}
`
Solution
@awcodes https://gist.github.com/MACscr/baaeeddbfe39c85840410c66257596ae. Not perfect, but works quite well for standalone usage of table tabs
Jump to solution
Was this page helpful?