neptune/ghost-portal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

display discord identity in profile sidebar (#9185)

Browse Source 
* display discord identity in profile sidebar

* use common discord key
This commit is contained in:
Nisheeth Barthwal 2023-03-15 15:26:35 +01:00 committed by GitHub
parent c8a262bf21
commit 6ee86ae57e
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 14 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
packages/page-accounts/src/Sidebar/Identity.tsx
View File

@ -7,6 +7,7 @@ import React, { useMemo } from 'react';
import { AddressMini, AvatarItem, Expander, IconLink } from '@polkadot/react-components';
import { useApi, useRegistrars, useSubidentities, useToggle } from '@polkadot/react-hooks';
import { AddressIdentityOtherDiscordKey } from '@polkadot/react-hooks/types';
import { isHex } from '@polkadot/util';
import { useTranslation } from '../translate.js';
@ -138,6 +139,14 @@ function Identity ({ address, identity }: Props): React.ReactElement<Props> | nu
</div>
</div>
)}
{identity.other && AddressIdentityOtherDiscordKey in identity.other && (
<div className='tr'>
<div className='th'>{t<string>('discord')}</div>
<div className='td'>
{identity.other[AddressIdentityOtherDiscordKey]}
</div>
</div>
)}
{identity.riot && (
<div className='tr'>
<div className='th'>{t<string>('riot')}</div>

6
packages/page-accounts/src/modals/IdentityMain.tsx
View File

@ -10,6 +10,7 @@ import { ApiPromise } from '@polkadot/api';
import { Input, InputBalance, Modal, Toggle, TxButton } from '@polkadot/react-components';
import { getAddressMeta } from '@polkadot/react-components/util';
import { useApi, useCall } from '@polkadot/react-hooks';
import { AddressIdentityOtherDiscordKey } from '@polkadot/react-hooks/types';
import { u8aToString } from '@polkadot/util';
import { useTranslation } from '../translate.js';
@ -33,7 +34,6 @@ interface ValueState {
}
const WHITESPACE = [' ', '\t'];
const ADDITIONAL_FIELD_DISCORD = 'Discord';
function setData (data: Data, setActive: null | ((isActive: boolean) => void), setVal: (val: string) => void): void {
if (data.isRaw) {
@ -96,7 +96,7 @@ function IdentityMain ({ address, className = '', onClose }: Props): React.React
setData(info.legal, setHasLegal, setValLegal);
setData(info.riot, setHasRiot, setValRiot);
setData(info.twitter, setHasTwitter, setValTwitter);
const infoDiscord = setAdditionalFieldData(api, info, ADDITIONAL_FIELD_DISCORD, setHasDiscord, setValDiscord);
const infoDiscord = setAdditionalFieldData(api, info, AddressIdentityOtherDiscordKey, setHasDiscord, setValDiscord);
setData(info.web, setHasWeb, setValWeb);
@ -124,7 +124,7 @@ function IdentityMain ({ address, className = '', onClose }: Props): React.React
setInfo({
info: {
additional: [
(okDiscord && hasDiscord ? [{ raw: ADDITIONAL_FIELD_DISCORD }, { raw: valDiscord }] : null)
(okDiscord && hasDiscord ? [{ raw: AddressIdentityOtherDiscordKey }, { raw: valDiscord }] : null)
].filter((item) => !!item),
display: { [okDisplay ? 'raw' : 'none']: valDisplay || null },
email: { [okEmail && hasEmail ? 'raw' : 'none']: okEmail && hasEmail ? valEmail : null },

2
packages/react-hooks/src/types.ts
View File

@ -104,6 +104,8 @@ export interface AddressFlags extends DeriveAccountFlags {
isNominator: boolean;
}
export const AddressIdentityOtherDiscordKey = 'Discord';
export interface AddressIdentity extends DeriveAccountRegistration {
isExistent: boolean;
isKnownGood: boolean;