From 62614caf6d7ac2539b81470cdd50c6d4af41c519 Mon Sep 17 00:00:00 2001
From: Muhammad Abdul Hakim Shibghatallah
 <70675129+abdulhakim2902@users.noreply.github.com>
Date: Sun, 12 Feb 2023 22:53:08 +0700
Subject: [PATCH] fix: handle escrow tipping / reveal content with DeBio
 Network (#1712)

---
 .../ExclusiveContentCreate/CurrencyOption.tsx  | 18 ++++++++----------
 1 file changed, 8 insertions(+), 10 deletions(-)

diff --git a/src/components/ExclusiveContentCreate/CurrencyOption.tsx b/src/components/ExclusiveContentCreate/CurrencyOption.tsx
index da73bf34e..b6a57d5f8 100644
--- a/src/components/ExclusiveContentCreate/CurrencyOption.tsx
+++ b/src/components/ExclusiveContentCreate/CurrencyOption.tsx
@@ -22,7 +22,7 @@ export type CurrencyOptionProps = {
   currentCurrency: Currency;
   balances: Currency[];
   isMobile?: boolean;
-  handleSelect: (Currency) => void;
+  handleSelect: (currency: Currency) => void;
 };
 
 export const CurrencyOption: React.FC<CurrencyOptionProps> = ({
@@ -47,6 +47,11 @@ export const CurrencyOption: React.FC<CurrencyOptionProps> = ({
     if (balance.networkId === 'myriad' || balance.networkId === 'debio') return balance;
   });
 
+  const onSelectBalance = (currency: Currency) => {
+    handleClose();
+    handleSelect(currency);
+  };
+
   return (
     <>
       <Button
@@ -85,15 +90,8 @@ export const CurrencyOption: React.FC<CurrencyOptionProps> = ({
         {filterCurrency.map(balance => (
           <MenuItem
             key={balance.id}
-            style={{filter: balance.networkId !== 'myriad' ? 'grayscale(1)' : 'grayscale(0)'}}
-            onClick={
-              balance.networkId === 'myriad'
-                ? () => {
-                    handleClose();
-                    handleSelect(balance);
-                  }
-                : null
-            }>
+            style={{filter: 'grayscale(0)'}}
+            onClick={() => onSelectBalance(balance)}>
             <ListItemIcon style={{minWidth: '36px'}}>
               <Avatar
                 name={balance.id}