chore: add text for now

subquery · Dec 4, 2023 · 341016e · 341016e
1 parent 0d3bac4
commit 341016e
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 4 deletions.
diff --git a/src/components/AppPageHeader/AppPageHeader.tsx b/src/components/AppPageHeader/AppPageHeader.tsx
@@ -13,7 +13,7 @@ import styles from './AppPageHeader.module.css';
 
 type Props = {
   title: string | React.ReactNode;
-  desc?: string | Array<string>;
+  desc?: string | Array<string> | React.ReactNode;
 };
 
 export const AppPageHeader: React.FC<Props> = ({ title, desc }) => {
@@ -38,8 +38,8 @@ export const AppPageHeader: React.FC<Props> = ({ title, desc }) => {
             <AiOutlineInfoCircle color={COLORS.primary} />
           </div>
           <div>
-            {sortedDescriptions.map((description) => (
-              <Typography variant="medium" key={description}>
+            {sortedDescriptions.map((description, index) => (
+              <Typography variant="medium" key={index}>
                 {description}
               </Typography>
             ))}

diff --git a/src/pages/delegator/MyDelegation.tsx b/src/pages/delegator/MyDelegation.tsx
@@ -12,6 +12,7 @@ import { useEra } from '@hooks';
 import { useDelegating } from '@hooks/useDelegating';
 import { CurrentEraValue, mapEraValue, parseRawEraValue, RawEraValue } from '@hooks/useEraValue';
 import { Spinner, TableTitle } from '@subql/components';
+import { Typography as SubqlTypography } from '@subql/components';
 import { useGetFilteredDelegationsQuery } from '@subql/react-hooks';
 import { formatEther, mapAsync, mergeAsync, notEmpty, renderAsync, ROUTES, TOKEN } from '@utils';
 import { Table, TableProps, Tag, Typography } from 'antd';
@@ -178,7 +179,17 @@ export const MyDelegation: React.FC = () => {
 
   return (
     <>
-      <AppPageHeader title={t('delegate.delegating')} desc={t('delegate.delegationDesc')} />
+      <AppPageHeader
+        title={t('delegate.delegating')}
+        desc={
+          <div style={{ display: 'flex', flexDirection: 'column' }}>
+            <SubqlTypography type="danger" weight={600}>
+              Zealy Hidden Phrase: Welcome to Delegation Station
+            </SubqlTypography>
+            {t('delegate.delegationDesc')}{' '}
+          </div>
+        }
+      />
       <WalletRoute
         componentMode
         element={