diff --git a/src/screens/addressGeolocation/AddressContainer.tsx b/src/screens/addressGeolocation/AddressContainer.tsx index 35c749ad..bd8b7acd 100644 --- a/src/screens/addressGeolocation/AddressContainer.tsx +++ b/src/screens/addressGeolocation/AddressContainer.tsx @@ -9,14 +9,19 @@ import { AddressL1Details } from '../../types/addressGeolocation.types' import AddressItem from './AddressItem' interface IAddressContainer { - addressList?: AddressL1Details[] + addressList?: AddressL1Details[] } -const AddressContainer: React.FC = ({ addressList }) => { +const AddressContainer: React.FC = ({addressList}) => { + const addressAccordionToggleStyle = [ + GenericStyles.fontSize12, + GenericStyles.fw500, + GenericStyles.textBlue + ]; if (!addressList?.length) { return ( - + No addresses found @@ -25,35 +30,34 @@ const AddressContainer: React.FC = ({ addressList }) => { } return ( - - { - addressList.map((address: AddressL1Details) => ( - - }> - - - Similar Addresses - - { - address?.similarAddresses?.map((similarAddress: any) => ( - - )) - } - - - )) - } - + + { + addressList.map((address: AddressL1Details) => ( + } + customExpandUi={{whenCollapsed: View Details, whenExpanded: Hide Details}} + > + + + Similar Addresses + + { + address?.similarAddresses?.map((similarAddress: any) => ( + + )) + } + + + )) + } + ) };