From 31b48cd6f4689506a9b25ca9b1dfc2734d4dbfe5 Mon Sep 17 00:00:00 2001
From: Jessica Schilling <jessica@protocol.ai>
Date: Wed, 3 Mar 2021 12:18:24 -0700
Subject: [PATCH] bug: make hero author consistent with "Blog & news" link
 (#63)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-authored-by: João Peixoto <joaodiogopeixoto@gmail.com>
---
 .../theme/components/blog/PostAuthor.vue        | 17 +++++++++++++----
 .../theme/components/blog/PostHero.vue          |  2 +-
 2 files changed, 14 insertions(+), 5 deletions(-)

diff --git a/src/.vuepress/theme/components/blog/PostAuthor.vue b/src/.vuepress/theme/components/blog/PostAuthor.vue
index b41ffa48..6d423f0c 100644
--- a/src/.vuepress/theme/components/blog/PostAuthor.vue
+++ b/src/.vuepress/theme/components/blog/PostAuthor.vue
@@ -11,10 +11,7 @@
       itemprop="name"
       class="flex flex-row"
     >
-      <span
-        class="hover:text-blueGreen hover:underline cursor-pointer"
-        @click="handleAuthorClick(piece)"
-      >
+      <span :class="computedClassName" @click="handleAuthorClick(piece)">
         {{ piece }}
       </span>
       <span>{{
@@ -35,6 +32,12 @@ export default {
   name: 'PostAuthor',
   components: {},
   mixins: [Author],
+  props: {
+    light: {
+      type: Boolean,
+      default: null,
+    },
+  },
   computed: {
     ...mapState('appState', ['activeAuthor']),
     resolvedAuthorName() {
@@ -47,6 +50,12 @@ export default {
 
       return resolvedName.split(/[,&]/g)
     },
+    computedClassName() {
+      return [
+        'hover:underline cursor-pointer',
+        this.light ? 'text-blueGreenLight' : 'hover:text-blueGreen',
+      ]
+    },
   },
   methods: {
     handleAuthorClick(piece) {
diff --git a/src/.vuepress/theme/components/blog/PostHero.vue b/src/.vuepress/theme/components/blog/PostHero.vue
index 787b51a7..a1096d59 100644
--- a/src/.vuepress/theme/components/blog/PostHero.vue
+++ b/src/.vuepress/theme/components/blog/PostHero.vue
@@ -10,7 +10,7 @@
               v-if="author && author.name"
               :to="{ path: $localePath, query: { author: author.name } }"
             >
-              <PostAuthor v-bind="author" />
+              <PostAuthor v-bind="author" light />
             </router-link>
             <time
               class="text-gray"