feat(whats-new): DLT-3450 show author photos from GitHub avatars (#1302)

Author: paulojreis-dialpad

apps/dialtone-documentation/docs/.vuepress/baseComponents/BlogPost.vue

@@ -23,6 +23,8 @@
           :size="300"
           :seed="author"
           :full-name="author"
+          :image-src="avatarSrc"
+          :image-alt="`${author} avatar`"
         />
         <dt-stack>
           <dt-text :size="200" kind="label" tone="secondary" density="200">
@@ -56,8 +58,9 @@
 import { format } from 'date-fns';
 import { computed } from 'vue';
 import CopyButton from './CopyButton.vue';
+import { authorAvatarUrl } from './authorHandles.js';
 
-defineProps({
+const props = defineProps({
   posted: {
     type: Date,
     required: true,
@@ -80,6 +83,8 @@ defineProps({
   },
 });
 
+const avatarSrc = computed(() => authorAvatarUrl(props.author));
+
 const blogLink = computed(() => {
   return window.location.href;
 });

apps/dialtone-documentation/docs/.vuepress/baseComponents/authorHandles.js

@@ -0,0 +1,21 @@
+export const authorHandles = {
+  'Brad Paugh': 'braddialpad',
+  'Francis Rupert': 'francisrupert',
+  'Tico Ortega': 'juliodialpad',
+  'Nina Repetto': 'ninarepetto',
+  'Yorbi Barriento': 'yorbi-dp',
+  'Julio Ortega': 'juliodialpad',
+  'Federico Sarassola': 'fede-dp',
+  'Josh Everhart': 'jeverhart-dialpad',
+  'Joshua Hynes': 'hynes-dialpad',
+  'Belu Montoya': 'belumontoya',
+  'Ignacio Ropolo': 'iropolo',
+  'Paulo Reis': 'paulojreis-dialpad',
+};
+
+// Returns the GitHub avatar URL for an author, or '' if unmapped.
+// '' means DtAvatar renders seeded initials (the unmapped fallback).
+export function authorAvatarUrl (author) {
+  const handle = authorHandles[author];
+  return handle ? `https://github.com/${handle}.png` : '';
+}