distinguish not native tokens

Author: AMIRKHANEF

packages/extension-polkagate/src/fullscreen/accountDetails/components/ReservedDisplayBalance.tsx

@@ -22,6 +22,7 @@ interface Props {
   assetId: number | undefined,
   address: string | undefined;
   amount: BN | Balance | undefined;
+  assetToken?: string | undefined;
   price: number | undefined;
   disabled?: boolean;
 }
@@ -120,12 +121,12 @@ const ReservedDetails = ({ reservedDetails, showReservedDetails }: ReservedDetai
   );
 };
 
-export default function ReservedDisplayBalance({ address, amount, assetId, disabled, price }: Props): React.ReactElement {
+export default function ReservedDisplayBalance({ address, amount, assetToken, assetId, disabled, price }: Props): React.ReactElement {
   const { t } = useTranslation();
   const reservedDetails = useReservedDetails(address);
   const { decimal, genesisHash, token } = useInfo(address);
 
-  const notOnNativeAsset = useMemo(() => (assetId !== undefined && assetId > 0) || typeof(assetId) !== 'number' , [assetId]);
+  const notOnNativeAsset = useMemo(() => (assetId !== undefined && assetId > 0) || assetToken?.toLowerCase() !== token?.toLowerCase() , [assetId, assetToken, token]);
 
   const [showReservedDetails, setShowReservedDetails] = useState<boolean>(false);
 

packages/extension-polkagate/src/fullscreen/accountDetails/index.tsx

@@ -258,6 +258,7 @@ export default function AccountDetails(): React.ReactElement {
                     assetId={assetId}
                     address={address}
                     amount={balancesToShow?.reservedBalance}
+                    assetToken={balancesToShow?.token}
                     disabled={!balancesToShow?.reservedBalance || balancesToShow?.reservedBalance?.isZero()}
                     price={currentPrice}
                   />