I want to change commenter profile pic when anyone comment or reply on a comment. Here's the image code which is defined in the package blade.
<img class="mr-3" src="https://www.gravatar.com/avatar/{{ md5($comment->commenter->email ?? $comment->guest_email) }}.jpg?s=64" alt="{{ $comment->commenter->name ?? $comment->guest_name }} Avatar">
Here is the comment full blade
@inject('markdown', 'Parsedown')
@php($markdown->setSafeMode(true))
@if(isset($reply) && $reply === true)
<div id="comment-{{ $comment->id }}" class="media">
@else
<li id="comment-{{ $comment->id }}" class="media">
@endif
/* User Image */
<img class="mr-3" src="https://www.gravatar.com/avatar/{{ md5($comment->commenter->email ?? $comment->guest_email) }}.jpg?s=64" alt="{{ $comment->commenter->name ?? $comment->guest_name }} Avatar">
<div class="col-md-8" style="margin-top:8px;"><h5>{!! $markdown->line($comment->comment) !!}</h5></div>
<div class="col-md-3">
<div style="margin-top:8px;">
@can('reply-to-comment', $comment)
<button data-toggle="modal" data-target="#reply-modal-{{ $comment->id }}" class="btn btn-sm btn-link text-uppercase">{!!Lang::get('site_lang.reply')!!}</button>
@endcan
@can('edit-comment', $comment)
<button data-toggle="modal" data-target="#comment-modal-{{ $comment->id }}" class="btn btn-sm btn-link text-uppercase">{!!Lang::get('site_lang.edit')!!}</button>
@endcan
@can('delete-comment', $comment)
<a href="{{ url('comments/' . $comment->id) }}" onclick="event.preventDefault();document.getElementById('comment-delete-form-{{ $comment->id }}').submit();" class="btn btn-sm btn-link text-danger text-uppercase">{!!Lang::get('site_lang.delete')!!}</a>
<form id="comment-delete-form-{{ $comment->id }}" action="{{ url('comments/' . $comment->id) }}" method="POST" style="display: none;">
@method('DELETE')
@csrf
</form>
@endcan
</div>
</div>
</div>
<div class="media-body">
<h5 class="mt-0 mb-1">{{ $comment->commenter->name ?? $comment->guest_name }} <small class="text-muted">- {{ $comment->created_at->diffForHumans() }}</small></h5>
{{-- <div style="white-space: pre-wrap;">{!! $markdown->line($comment->comment) !!}</div> --}}
@can('edit-comment', $comment)
<div class="modal fade" id="comment-modal-{{ $comment->id }}" tabindex="-1" role="dialog">
<div class="modal-dialog" role="document">
<div class="modal-content">
<form method="POST" action="{{ url('comments/' . $comment->id) }}">
@method('PUT')
@csrf
<div class="modal-header">
<h5 class="modal-title">Edit Comment</h5>
<button type="button" class="close" data-dismiss="modal">
<span>×</span>
</button>
</div>
<div class="modal-body">
<div class="form-group">
<label for="message">Update your message here:</label>
<textarea required class="form-control" name="message" rows="3">{{ $comment->comment }}</textarea>
<small class="form-text text-muted"><a target="_blank" href="https://help.github.com/articles/basic-writing-and-formatting-syntax">Markdown</a> cheatsheet.</small>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-sm btn-outline-secondary text-uppercase" data-dismiss="modal">{!!Lang::get('site_lang.cancel')!!}</button>
<button type="submit" class="btn btn-sm btn-outline-success text-uppercase">Update</button>
</div>
</form>
</div>
</div>
</div>
@endcan
@can('reply-to-comment', $comment)
<div class="modal fade" id="reply-modal-{{ $comment->id }}" tabindex="-1" role="dialog">
<div class="modal-dialog" role="document">
<div class="modal-content">
<form method="POST" action="{{ url('comments/' . $comment->id) }}">
@csrf
<div class="modal-header">
<h5 class="modal-title">Reply to Comment</h5>
<button type="button" class="close" data-dismiss="modal">
<span>×</span>
</button>
</div>
<div class="modal-body">
<div class="form-group">
<label for="message">{!!Lang::get('site_lang.enter_message')!!}:</label>
<textarea required class="form-control" name="message" rows="3"></textarea>
<small class="form-text text-muted"><a target="_blank" href="https://help.github.com/articles/basic-writing-and-formatting-syntax">Markdown</a> cheatsheet.</small>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-sm btn-outline-secondary text-uppercase" data-dismiss="modal">{!!Lang::get('site_lang.cancel')!!}</button>
<button type="submit" class="btn btn-sm btn-outline-success text-uppercase">{!!Lang::get('site_lang.reply')!!}</button>
</div>
</form>
</div>
</div>
</div>
@endcan
<br />{{-- Margin bottom --}}
{{-- Recursion for children --}}
@if($grouped_comments->has($comment->id))
@foreach($grouped_comments[$comment->id] as $child)
@include('comments::_comment', [
'comment' => $child,
'reply' => true,
'grouped_comments' => $grouped_comments
])
@endforeach
@endif
</div>
@if(isset($reply) && $reply === true)
</div>
@else
</li>
@endif```
0 Comments
Thanks for comment.