Improved posts api :rocket

Author: chicio

gatsby-node.ts

@@ -162,8 +162,12 @@ export const onPostBuild: GatsbyNode["onPostBuild"] = async ({ graphql }) => {
     `)
   ).data!;
 
-  const blogPostsApi = blogPostsApiAdapter(apiBasePath, blogPostsQuery);
   const authorsApi = blogAuthorsApiAdapter(imagesApiQuery);
+  const blogPostsApi = blogPostsApiAdapter(
+    apiBasePath,
+    blogPostsQuery,
+    authorsApi,
+  );
   const blogPostDetailApis = blogPostDetailsApiAdapter(blogPostsQuery);
   const projectsApi = projectsApiAdapter(imagesApiQuery);
   const artApi = artApiAdapter(imagesApiQuery);

src/logic/api/api-adapters.ts

@@ -25,6 +25,7 @@ const postResourceEndpointCreator = (apiBasePath: string, slug: string) =>
 export const blogPostsApiAdapter = (
   apiBasePath: string,
   blogPostsApiQueryResult: Queries.BlogPostsApiQuery,
+  authorsApi: BlogAuthorsApi,
 ): BlogPostsListApi => {
   const posts: BlogPostApi[] =
     blogPostsApiQueryResult!.allMarkdownRemark.edges.map(({ node }) => {
@@ -35,7 +36,13 @@ export const blogPostsApiAdapter = (
         date: frontmatter.date!,
         readingTime: node.fields!.readingTime!.text!,
         featuredImageUrl: frontmatter.image!.publicURL!,
-        authors: frontmatter.authors!.map((it) => it!),
+        authors: authorsApi.authors.filter((it) =>
+          frontmatter.authors!.find(
+            (author) =>
+              author!.split("_").join(" ").toUpperCase() ===
+              it.name.toUpperCase(),
+          ),
+        ),
         tags: frontmatter.tags!.map((it) => it!),
         resourceEndpoint: postResourceEndpointCreator(
           apiBasePath,

src/logic/api/api-model.ts

@@ -16,7 +16,7 @@ export interface BlogPostApi {
   date: string;
   readingTime: string;
   featuredImageUrl: string;
-  authors: string[];
+  authors: BlogAuthorApi[];
   tags: string[];
   resourceEndpoint: string;
   webEndpoint: string;