From 84d9dc415319c73e004c5555b48d098147d5aff7 Mon Sep 17 00:00:00 2001
From: Daria Mikhailova <daria@parity.io>
Date: Fri, 27 Sep 2024 10:25:42 +0800
Subject: [PATCH 1/2] showing discord, github and matrix

---
 .../src/AccountSidebar/Identity.tsx           | 21 ++++++++++++++++---
 1 file changed, 18 insertions(+), 3 deletions(-)

diff --git a/packages/react-components/src/AccountSidebar/Identity.tsx b/packages/react-components/src/AccountSidebar/Identity.tsx
index 9befc10bc10d..e4b1638e3f00 100644
--- a/packages/react-components/src/AccountSidebar/Identity.tsx
+++ b/packages/react-components/src/AccountSidebar/Identity.tsx
@@ -6,7 +6,6 @@ import type { AddressIdentity } from '@polkadot/react-hooks/types';
 import React, { useMemo } from 'react';
 
 import { useApi, useRegistrars, useSubidentities, useToggle } from '@polkadot/react-hooks';
-import { AddressIdentityOtherDiscordKey } from '@polkadot/react-hooks/types';
 import { isHex } from '@polkadot/util';
 
 import AddressMini from '../AddressMini.js';
@@ -142,11 +141,27 @@ function Identity ({ address, identity }: Props): React.ReactElement<Props> | nu
                 </div>
               </div>
             )}
-            {identity.other && AddressIdentityOtherDiscordKey in identity.other && (
+            {identity.discord && (
               <div className='tr'>
                 <div className='th'>{t('discord')}</div>
                 <div className='td'>
-                  {identity.other[AddressIdentityOtherDiscordKey]}
+                  {identity.discord}
+                </div>
+              </div>
+            )}
+            {identity.github && (
+              <div className='tr'>
+                <div className='th'>{t('github')}</div>
+                <div className='td'>
+                  {identity.github}
+                </div>
+              </div>
+            )}
+            {identity.matrix && (
+              <div className='tr'>
+                <div className='th'>{t('matrix')}</div>
+                <div className='td'>
+                  {identity.matrix}
                 </div>
               </div>
             )}

From 1bf347b6172471f212d9d1d623b4a5d45687c010 Mon Sep 17 00:00:00 2001
From: Daria Mikhailova <daria@parity.io>
Date: Mon, 30 Sep 2024 14:19:02 +0800
Subject: [PATCH 2/2] restored other attribute for backwards compatibility

---
 .../src/AccountSidebar/Identity.tsx               | 15 +++++++++++----
 1 file changed, 11 insertions(+), 4 deletions(-)

diff --git a/packages/react-components/src/AccountSidebar/Identity.tsx b/packages/react-components/src/AccountSidebar/Identity.tsx
index e4b1638e3f00..0bf29b9afa1e 100644
--- a/packages/react-components/src/AccountSidebar/Identity.tsx
+++ b/packages/react-components/src/AccountSidebar/Identity.tsx
@@ -1,11 +1,10 @@
 // Copyright 2017-2024 @polkadot/react-components authors & contributors
 // SPDX-License-Identifier: Apache-2.0
 
-import type { AddressIdentity } from '@polkadot/react-hooks/types';
-
 import React, { useMemo } from 'react';
 
 import { useApi, useRegistrars, useSubidentities, useToggle } from '@polkadot/react-hooks';
+import { type AddressIdentity, AddressIdentityOtherDiscordKey } from '@polkadot/react-hooks/types';
 import { isHex } from '@polkadot/util';
 
 import AddressMini from '../AddressMini.js';
@@ -141,11 +140,11 @@ function Identity ({ address, identity }: Props): React.ReactElement<Props> | nu
                 </div>
               </div>
             )}
-            {identity.discord && (
+            {identity.other && AddressIdentityOtherDiscordKey in identity.other && (
               <div className='tr'>
                 <div className='th'>{t('discord')}</div>
                 <div className='td'>
-                  {identity.discord}
+                  {identity.other[AddressIdentityOtherDiscordKey]}
                 </div>
               </div>
             )}
@@ -165,6 +164,14 @@ function Identity ({ address, identity }: Props): React.ReactElement<Props> | nu
                 </div>
               </div>
             )}
+            {identity.discord && (
+              <div className='tr'>
+                <div className='th'>{t('discord')}</div>
+                <div className='td'>
+                  {identity.discord}
+                </div>
+              </div>
+            )}
             {identity.riot && (
               <div className='tr'>
                 <div className='th'>{t('riot')}</div>