Suggestions to persist the last chosen active locale?

[cawecoy]

Hi! When I choose a locale and go to another page, the locale is reseted to its default value:

Screencast.from.08-10-2024.15.12.47.webm

But I want the last locale I chose to persist. Are there any suggestions on how to achieve this?

[atmonshi]

hi.
so since the activeLocal is on the class level (create/edit/list), the only way I can think of is to override the action LocaleSwitcher
and set the view to custom view. then use alpine Persist Plugin. or store it on a session somehow!

then in the resource you can set:

public static function getDefaultTranslatableLocale(): string
{
    return session('activeLocal');
}

I am just thinking out loud :) not sure if it will fully works, but this a starting point.

[cawecoy]

Thank you @atmonshi, I followed your instructions and it worked (:

Installing Alpine Persist plugin:

npm install @alpinejs/persist

Loading LocaleSwitcher with custom view on create/edit/list classes:

protected function getHeaderActions(): array
{
    return [
        LocaleSwitcher::make()
            ->view('filament.actions.components.active-locale-select-action'),
    ];
}

The custom view resources/views/filament/actions/components/active-locale-select-action.blade.php:

<div 
    x-data="{ 
        activeLocale: $persist('').as('activeLocale'),
        liveActiveLocale: $wire.entangle('activeLocale').live 
    }"
    x-init="window.addEventListener('livewire:initialized', function() {
        if(activeLocale !== ''){
            liveActiveLocale = activeLocale;
        }
    })"
    x-on:click="liveActiveLocale = activeLocale = document.querySelector('#activeLocale').value;"
>
    @include('filament-actions::select-action')
</div>