From 86d99817c99846ebe65573175edb433d808116d2 Mon Sep 17 00:00:00 2001
From: Nuno Polonia <nunopolonia@gmail.com>
Date: Fri, 15 Dec 2023 17:00:17 +0000
Subject: [PATCH] fix: tag former team members as such in blog

Fixes SIGN-584

- Add (former) to person component
- Pass is_active to person as prop in blog-entry
- Pass is_active to person as prop in blog-post
---
 src/components/blog-entry.svelte      | 1 +
 src/components/pages/blog-post.svelte | 7 ++++++-
 src/components/person.svelte          | 4 +++-
 3 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/components/blog-entry.svelte b/src/components/blog-entry.svelte
index 99439614..5a0e37cd 100644
--- a/src/components/blog-entry.svelte
+++ b/src/components/blog-entry.svelte
@@ -22,6 +22,7 @@
   <div class="container mx-auto flex gap-6 px-container py-8 @container">
     <div class="hidden flex-1 @6xl:block">
       <Person
+        is_active={post.content.author.content.is_active}
         name={post.content.author.name}
         position={post.content.author.content.position}
         photo={post.content.author.content?.photo}
diff --git a/src/components/pages/blog-post.svelte b/src/components/pages/blog-post.svelte
index 274bc648..8f8d8d11 100644
--- a/src/components/pages/blog-post.svelte
+++ b/src/components/pages/blog-post.svelte
@@ -75,7 +75,12 @@
   {#if story.content.author?.id}
     {@const author = story.content.author}
     <div use:drawerLinks class="mx-auto mt-10 max-w-2xl border-b border-t py-8 md:mt-14 lg:mt-20">
-      <Person name={author.name} position={author.content.position} photo={author.content.photo} />
+      <Person
+        is_active={author.content.is_active}
+        name={author.name}
+        position={author.content.position}
+        photo={author.content.photo}
+      />
       <p class="mt-6 text-xl text-foreground-secondary">{author.content.bio}</p>
       <Button
         variant="secondary"
diff --git a/src/components/person.svelte b/src/components/person.svelte
index 8975c88e..13cf56bb 100644
--- a/src/components/person.svelte
+++ b/src/components/person.svelte
@@ -1,4 +1,5 @@
 <script lang="ts">
+  import { t } from '$lib/i18n';
   import { getImageAttributes } from '$lib/utils/cms';
   import type { AssetStoryblok } from '$types/bloks';
   import { Avatar } from '@significa/svelte-ui';
@@ -7,6 +8,7 @@
   let className: string | undefined = undefined;
   export { className as class };
 
+  export let is_active: boolean | undefined = undefined;
   export let name: string;
   export let position: string | undefined = undefined;
   export let photo: AssetStoryblok | undefined = undefined;
@@ -24,7 +26,7 @@
     {/if}
     {#if position}
       <p class="mt-1 text-base font-semibold leading-none text-foreground-secondary">
-        {position}
+        {!is_active ? `${t('team.former')} ` : ''}{position}
       </p>
     {/if}
   </div>