Merge pull request #76 from MestiriBaha/author-and-co-authors-to-be-clickable-links-leading-to-the-author's-page-on-Hashnode

feat(post-details): author and co-authors to be clickable links leading to the author's page on Hashnode

Author: esthersoftwaredev

angular-primeng-app/src/app/components/post-details/post-details.component.html

@@ -7,13 +7,19 @@ <h1 class="title">{{ post.title }}</h1>
         <div class="author-info">
           @if (isTeam) {
             <p-avatarGroup styleClass="mb-3" >
+              <a href="https://hashnode.com/@{{post.author.username}}" target="_blank">
                <p-avatar [image]="post.author.profilePicture" size="large" shape="circle" title="{{ post.author.username}}"></p-avatar>
+               </a>
                @for (coAuthor of post.coAuthors; track coAuthor.username) {
-                 <p-avatar [image]="coAuthor.profilePicture" size="large"  shape="circle" title="{{ coAuthor.username}}"></p-avatar>
+                <a href="https://hashnode.com/@{{coAuthor.username}}" target="_blank">
+                 <p-avatar [image]="coAuthor.profilePicture" size="large"  shape="circle" title="{{coAuthor.username}}"></p-avatar>
+                 </a>
                 }
             </p-avatarGroup>
           } @else {
+            <a href="https://hashnode.com/@{{post.author.username}}" target="_blank">
              <p-avatar [image]="post.author.profilePicture" size="large"  shape="circle" title="{{ post.author.username}}"></p-avatar>
+            </a>
             }
           <div class="author-text">
             <span class="author-name">{{post.author.name}} {{isTeam && post.coAuthors.length > 0 ? 'with ' + post.coAuthors.length + ' co-author' + (post.coAuthors.length > 1 ? 's' : '') : ''}}</span>