From 320bc28b1e1108cac06714dd9a658fff0ca24428 Mon Sep 17 00:00:00 2001 From: David Echelberger Date: Wed, 6 Apr 2022 17:35:57 -0400 Subject: [PATCH 1/2] [misc-tweaks] removing unneeded width params Signed-off-by: David Echelberger --- src/components/Cards/SmallCard.tsx | 2 +- src/components/NetworkMap/NetworkMap.tsx | 4 ++-- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/src/components/Cards/SmallCard.tsx b/src/components/Cards/SmallCard.tsx index 358c9cfe..8cd79014 100644 --- a/src/components/Cards/SmallCard.tsx +++ b/src/components/Cards/SmallCard.tsx @@ -87,7 +87,7 @@ export const SmallCard: React.FC = ({ card }) => { {data.data !== undefined ? ( {data.data} diff --git a/src/components/NetworkMap/NetworkMap.tsx b/src/components/NetworkMap/NetworkMap.tsx index a22fd1ed..86a78126 100644 --- a/src/components/NetworkMap/NetworkMap.tsx +++ b/src/components/NetworkMap/NetworkMap.tsx @@ -89,14 +89,14 @@ export const NetworkMap: React.FC = ({ size }) => { const id = open ? 'simple-popover' : undefined; useEffect(() => { - fetchCatcher(`${FF_Paths.apiPrefix}/${FF_Paths.networkOrgs}`) + fetchCatcher(`${FF_Paths.apiPrefix}${FF_Paths.networkOrgs}`) .then((orgRes: IOrganization[]) => { setOrgs(orgRes); }) .catch((err) => { reportFetchError(err); }); - fetchCatcher(`${FF_Paths.apiPrefix}/${FF_Paths.networkNodes}`) + fetchCatcher(`${FF_Paths.apiPrefix}${FF_Paths.networkNodes}`) .then((nodeRes: INode[]) => { setNodes(nodeRes); }) From aad8d3a48d67bba09480135094e805fdea0c5449 Mon Sep 17 00:00:00 2001 From: David Echelberger Date: Wed, 6 Apr 2022 17:38:19 -0400 Subject: [PATCH 2/2] [misc-tweaks] adding pool button to balance slideover Signed-off-by: David Echelberger --- src/components/Lists/BalanceList.tsx | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/src/components/Lists/BalanceList.tsx b/src/components/Lists/BalanceList.tsx index bad1f0ca..f70eed4c 100644 --- a/src/components/Lists/BalanceList.tsx +++ b/src/components/Lists/BalanceList.tsx @@ -1,10 +1,12 @@ import { Grid } from '@mui/material'; -import { useEffect, useState } from 'react'; +import { useContext, useEffect, useState } from 'react'; import { useTranslation } from 'react-i18next'; import Jazzicon, { jsNumberForAddress } from 'react-jazzicon'; +import { ApplicationContext } from '../../contexts/ApplicationContext'; import { ITokenBalance, ITokenPool } from '../../interfaces'; import { IDataListItem } from '../../interfaces/lists'; import { FFCopyButton } from '../Buttons/CopyButton'; +import { PoolButton } from '../Buttons/PoolButton'; import { FFCircleLoader } from '../Loaders/FFCircleLoader'; import { FFListItem } from './FFListItem'; import { FFListText } from './FFListText'; @@ -17,6 +19,7 @@ interface Props { } export const BalanceList: React.FC = ({ balance, pool }) => { + const { selectedNamespace } = useContext(ApplicationContext); const { t } = useTranslation(); const [dataList, setDataList] = useState(FFSkeletonList); @@ -40,6 +43,7 @@ export const BalanceList: React.FC = ({ balance, pool }) => { ), + button: , }, { label: t('balance'),