use App\Jobs\LikeReply as LikeReplyJob;
use App\Jobs\UnlikeReply as UnlikeReplyJob;
use App\Models\Reply;
use Illuminate\Foundation\Bus\DispatchesJobs;
use Illuminate\Support\Facades\Auth;
use Livewire\Component;

final class LikeReply extends Component
{
    use DispatchesJobs;

    public $reply;

    public function mount(Reply $reply): void
    {
        $this->reply = $reply;
    }

    public function toggleLike(): void
    {
        if (Auth::guest()) {
            return;
        }

        if ($this->reply->isLikedBy(Auth::user())) {
            $this->dispatchNow(new UnlikeReplyJob($this->reply, Auth::user()));
        } else {
            $this->dispatchNow(new LikeReplyJob($this->reply, Auth::user()));
        }
    }
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31

<div class="thread-info-likes">
    @if (Auth::guest())
        <div class="text-gray-600 px-4 py-2 border-r inline-block">
            <span class="text-2xl mr-1">👍</span>
            {{ count($this->reply->likes()) }}
        </div>
    @else
        <button type="button" wire:click="toggleLike" class="text-lio-600 px-4 py-2 border-r">
            <span class="text-2xl mr-1">👍</span>
            {{ count($this->reply->likes()) }}
        </button>
    @endif
</div>
1
2
3
4
5
6
7
8
9
10
11
12
13

<div class="border-t">
     <livewire:like-reply :reply="$reply"/>
</div>
1
2
3