diff --git a/src/pages/Xcn/Header/index.tsx b/src/pages/Xcn/Header/index.tsx index c24ac36..fdfee60 100644 --- a/src/pages/Xcn/Header/index.tsx +++ b/src/pages/Xcn/Header/index.tsx @@ -1,7 +1,7 @@ /** @jsxImportSource @emotion/react */ import { Paper, Typography } from '@mui/material'; import BigNumber from 'bignumber.js'; -import { EllipseAddress, Icon, LabeledProgressBar, TokenIcon } from 'components'; +import { EllipseAddress, Icon, LabeledProgressBar } from 'components'; import React, { useContext, useMemo } from 'react'; import { useTranslation } from 'translation'; import { @@ -39,7 +39,8 @@ export const HeaderUi: React.FC = ({ const { t } = useTranslation(); const copy = useCopyToClipboard(t('interactive.copy.contractAddress')); - const copyAddress = () => copy(getContractAddress('comptroller')); + const copyComptrollerAddress = () => copy(getContractAddress('comptroller')); + const copyXcnAddress = () => copy(TOKENS.xcn.address); const readableDailyDistribution = useMemo(() => { const dailyXcnTokens = convertWeiToTokens({ @@ -74,24 +75,51 @@ export const HeaderUi: React.FC = ({ return ( -
-
- +
+
+ + {'XCN token: '} + + + +
+ +
- - - - -
- +
+ + {'Comptroller: '} + + + +
+ +
diff --git a/src/pages/Xcn/styles.ts b/src/pages/Xcn/styles.ts index 1ab5283..fe77e85 100644 --- a/src/pages/Xcn/styles.ts +++ b/src/pages/Xcn/styles.ts @@ -52,6 +52,10 @@ export const useStyles = () => { justify-content: flex-start; } `, + addressListContainer: css` + display: block; + align-items: center; + `, addressContainer: css` display: flex; align-items: center;