From 331f5cac01ade4173a2c4a3d96e482d32eece2a2 Mon Sep 17 00:00:00 2001
From: Jaco Greeff <jacogr@gmail.com>
Date: Fri, 19 Mar 2021 15:54:11 +0100
Subject: [PATCH] Society founder tag (#4871)

---
 packages/page-society/src/Overview/Member.tsx  | 10 ++++++++--
 packages/page-society/src/Overview/Members.tsx |  1 +
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/packages/page-society/src/Overview/Member.tsx b/packages/page-society/src/Overview/Member.tsx
index 3a021ba80b..300abc4843 100644
--- a/packages/page-society/src/Overview/Member.tsx
+++ b/packages/page-society/src/Overview/Member.tsx
@@ -14,6 +14,7 @@ import { useTranslation } from '../translate';
 
 interface Props {
   className?: string;
+  isFounder?: boolean;
   isHead?: boolean;
   value: DeriveSocietyMember;
 }
@@ -23,7 +24,7 @@ const CANVAS_STYLE = {
   margin: '0 auto'
 };
 
-function Member ({ className = '', isHead, value: { accountId, strikes } }: Props): React.ReactElement<Props> {
+function Member ({ className = '', isFounder, isHead, value: { accountId, strikes } }: Props): React.ReactElement<Props> {
   const { t } = useTranslation();
   const { api } = useApi();
   const suspended = useCall<bool>(api.query.society.suspendedMembers, [accountId]);
@@ -50,10 +51,15 @@ function Member ({ className = '', isHead, value: { accountId, strikes } }: Prop
         {isHead && (
           <Tag
             color='green'
-            hover={t<string>('Current society head, exempt')}
             label={t<string>('society head')}
           />
         )}
+        {isFounder && (
+          <Tag
+            color='green'
+            label={t<string>('society founder')}
+          />
+        )}
         {suspended?.isTrue && (
           <Tag
             color='yellow'
diff --git a/packages/page-society/src/Overview/Members.tsx b/packages/page-society/src/Overview/Members.tsx
index 6f5ae6a0f7..f6bdb6783f 100644
--- a/packages/page-society/src/Overview/Members.tsx
+++ b/packages/page-society/src/Overview/Members.tsx
@@ -50,6 +50,7 @@ function Members ({ className = '', info }: Props): React.ReactElement<Props> {
     >
       {info && filtered && filtered.map((member): React.ReactNode => (
         <Member
+          isFounder={info.founder?.eq(member.accountId)}
           isHead={info.head?.eq(member.accountId)}
           key={member.accountId.toString()}
           value={member}