How to i notify one livewire component to another component ?

@saanvi-ts

emit() support livewire V3?

@Scop Livewire v3 replaced emit with dispatch. emit will error out....

@Phread Yes, pardon my mistake...!!

@MouteeSabouni hi thanks for your reply

i already try this items.php

$this->dispatch('cart-updated')

and, navbar.php

#[On('cart-updated')] protected $listeners = [ 'cart-updated' => '$refresh', ];

but this is not work, i open two browser tabs in same window, when i send request, its didnt update at the same time. after page refresh i got the notification.

i dont know, i think i miss something please can you explain your idea step by step? based on my code? (i didnt understand that html tag)

thank you

@Scop Sure.

So, you dispatch the event cart-updated. Now you want to listen to it to refresh the component or show a notification. You can go to your navbar.php and create a method like this

#[On('cart-updated')]
public function showNotification(): void
{
	$showNotification = true; // Of course you need to define this variable up.
}

Now, on the HTML element that has the notification, say a div, you add this.

<div id="notification" x-show="showNotification" x-cloak>
	<!-- The notification -->
</div>

The x-show in Alpine will only show that div (notifcation) if the condition is true, which is in this case, a variable that we are setting to true in the method above. And x-cloak is used to hide the element when first opening the page. It's just something that happens for some reason. When you open the page, you will see the notification in a blink, and it will disappear within milliseconds. So, adding x-cloak will hide it by default unless what's in x-show equals true.

I hope this helps.

thank you for your reply @MouteeSabouni ,

ok ill try this

hi @Hector-moya, Thank you reply me.

i already try this before, not working :(

when I using wire:poll, its working. bt wire:poll not suitable for me because its affect my other js things.. so I need another different alternatives. (when item.php method run completely, navbar.php's method want to refresh or update instantly)

@Hector-moya sure..! (sorry for my poor english)

this is my items.php (livewire)

public function requestToApprove() {

    $checktheApprovalrequestTbl = DB::table('temp__items')->count();
    $numberOfRequestedItems = DB::table('temp__items')->where('ask_to_approval','hold')->count();
    $requstedAllItems = DB::table('temp__items')->where('ask_to_approval','hold')->get();
    $requstedUserName = Auth::user()->user_name;
    $AllSuperAdmins = DB::table('sysusers')->where('user_role','Super Admin')->get();
    $requestUserRole = Auth::user()->user_role;


    if ($checktheApprovalrequestTbl === 0) {
        return session()->flash('approvalRequestError', 'Error: The operation cannot proceed because the table is empty.');
    } else if ($numberOfRequestedItems != 0) {

        DB::table('temp__items')->update(['ask_to_approval' => 'pending']);

       foreach($AllSuperAdmins as $admin)
       {
        Mail::to($admin->user_email)->send(new requestToApproveItem($requestUserRole,$numberOfRequestedItems,$requstedUserName,$requstedAllItems));
       }

      $catchNotify = ItemRequestNotification::create([
        'user_email' => Auth::user()->user_email,
        'user_name' => Auth::user()->user_name,
        'pending_items' => $numberOfRequestedItems,
        'notification_message' => 'New Items pending for Approvals',
        'notification_type' => 'Pending for Approvals Notification',
       ]);



        return session()->flash('approvalRequest', 'Inventory List Successfully Sended for Approval');
    }

    else{return session()->flash('approvalRequestError', 'Error: No items available for approval request at this time.');}
}

this method for add items to temporary item save function, at the same time i save the records for ( $catchNotify ) notifications.

this is my navbar.php for fetching notifications

public function PendingItemsNotify() { $this->notMarkedNotifications = DB::table('item_request_notifications')->where('notification_status', 'not marked')->count(); }

public function render() {

    $this->PendingItemsNotify();
    return view('livewire.navbar',[

    'allpendingNotificationList' => DB::table('item_request_notifications')->where('notification_status', 'not marked')->orderBy('created_at' , 'desc')->get(),

    ]);


}

this is for fetching notification value and notification datas

this is my navbar.blade.php

                    @foreach ($allpendingNotificationList as $notification)
                    <div wire:ignore class="app-notifications" wire:click='notificationMarked({{ $notification->id }})'>
                        <span class="app-notification-heading">{{ $notification->notification_type }}</span>
                        <span>{{ $notification->pending_items }} Items requested for approvals</span>
                        <span>{{ $notification->user_email }} &nbsp;
                            {{ $notification->user_name }}</span>
                        <span class="app-notification-time">
                            @php
                            $notificationTime = $notification->created_at;
                            $notificationTime = \Carbon\Carbon::parse($notification->created_at);
                            $timeDiff = $notificationTime->diffForHumans();
                            @endphp
                            {{ $timeDiff }}
                        </span>
                    </div>
                    @endforeach
                    <div class="app-notification-panel-footer">
                        <span wire:click='notificationAllMarked'>Notification marked as read </span> &nbsp;<a
                            class="app-refresh-link" wire:click='$refresh'>Refresh</a>
                    </div>
                    @else
                    <div class="app-notifications">
                        <span class="app-notification-heading"> No notifications available. &nbsp;<a
                                class="app-refresh-link" wire:click='$refresh'>Refresh</a></span>
                    </div>
                    @endif
                </div>
            </div>

this is my whole code

thank you

@asheek_mohammed hi thanks for the reply

please can you give code example?

@Scop

<button wire:click="$dispatchTo('cart','add-cart')"
 class="text-primary">Add to cart</button>	

<livewire:cart />

the code above is inside items.php.

then on navbar.php

#[On('add-cart')]
    public function addToCart() //you can add any function name
    {
        $this->cartItem ++ ;
    }

this way it will connect from items to cart

@asheek_mohammed

but i have different type of function

public function PendingItemsNotify() { $this->notMarkedNotifications = DB::table('item_request_notifications')->where('notification_status', 'not marked')->count(); }