Merge pull request #75 from MestiriBaha/Inconsistency-in-GraphQl-Query-for-Author-Data

fix(post-details) : Inconsistency in GraphQL Query for Author Data

Author: esthersoftwaredev

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

@@ -7,13 +7,13 @@ <h1 class="title">{{ post.title }}</h1>
         <div class="author-info">
           @if (isTeam) {
             <p-avatarGroup styleClass="mb-3" >
-               <p-avatar [image]="post.author.profilePicture" size="large" shape="circle" title="{{ post.author.name}}"></p-avatar>
+               <p-avatar [image]="post.author.profilePicture" size="large" shape="circle" title="{{ post.author.username}}"></p-avatar>
                @for (coAuthor of post.coAuthors; track coAuthor.username) {
                  <p-avatar [image]="coAuthor.profilePicture" size="large"  shape="circle" title="{{ coAuthor.username}}"></p-avatar>
                 }
             </p-avatarGroup>
           } @else {
-             <p-avatar [image]="post.author.profilePicture" size="large"  shape="circle" title="{{ post.author.name}}"></p-avatar>
+             <p-avatar [image]="post.author.profilePicture" size="large"  shape="circle" title="{{ post.author.username}}"></p-avatar>
             }
           <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>

angular-primeng-app/src/app/graphql.operations.ts

@@ -136,7 +136,9 @@ export const GET_SINGLE_POST = gql`
 					name
 				}
 				author {
+					id
 					name
+					username
 					profilePicture
 				}
 				coAuthors {
@@ -172,7 +174,9 @@ export const SEARCH_POSTS = gql`
 						url
 					}
 					author {
+						id
 						name
+						username
 					}
 					publishedAt
 					title

angular-primeng-app/src/app/models/post.ts

@@ -24,7 +24,9 @@ export interface Tag {
 }
 
 export interface Author {
+  id : string,
   name: string;
+  username : string ,
   profilePicture: string;
   socialMediaLinks: SocialMediaLinks;
 }