From 29e751756615078fb452e10b0c9cd5eb46de468e Mon Sep 17 00:00:00 2001
From: Aniket-Engg <aniketengg.225@gmail.com>
Date: Thu, 7 Jul 2022 12:21:20 +0530
Subject: [PATCH] fix contract dropdown in UDApp

---
 .../src/lib/components/contractDropdownUI.tsx    | 16 ++++++++++------
 1 file changed, 10 insertions(+), 6 deletions(-)

diff --git a/libs/remix-ui/run-tab/src/lib/components/contractDropdownUI.tsx b/libs/remix-ui/run-tab/src/lib/components/contractDropdownUI.tsx
index 900b7dc2c4..b61563ef5b 100644
--- a/libs/remix-ui/run-tab/src/lib/components/contractDropdownUI.tsx
+++ b/libs/remix-ui/run-tab/src/lib/components/contractDropdownUI.tsx
@@ -57,10 +57,7 @@ export function ContractDropdownUI (props: ContractDropdownProps) {
         content: currentFile
       })
       enableAtAddress(true)
-    } else if (/.(.sol)$/.exec(currentFile) ||
-        /.(.vy)$/.exec(currentFile) || // vyper
-        /.(.lex)$/.exec(currentFile) || // lexon
-        /.(.contract)$/.exec(currentFile)) {
+    } else if (isContractFile(currentFile)) {
       setAbiLabel({
         display: 'none',
         content: ''
@@ -115,6 +112,13 @@ export function ContractDropdownUI (props: ContractDropdownProps) {
     }
   }
 
+  const isContractFile = (file) => {
+    return /.(.sol)$/.exec(file) ||
+        /.(.vy)$/.exec(file) || // vyper
+        /.(.lex)$/.exec(file) || // lexon
+        /.(.contract)$/.exec(file)
+  }
+
   const enableAtAddress = (enable: boolean) => {
     if (enable) {
       setAtAddressOptions({
@@ -214,7 +218,7 @@ export function ContractDropdownUI (props: ContractDropdownProps) {
     <div className="udapp_container" data-id="contractDropdownContainer">
       <label className="udapp_settingsLabel">Contract</label>
       <div className="udapp_subcontainer">
-        <select ref={contractsRef} value={currentContract} onChange={handleContractChange} className="udapp_contractNames custom-select" disabled={contractOptions.disabled} title={contractOptions.title} style={{ display: loadType === 'abi' ? 'none' : 'block' }}>
+        <select ref={contractsRef} value={currentContract} onChange={handleContractChange} className="udapp_contractNames custom-select" disabled={contractOptions.disabled} title={contractOptions.title} style={{ display: loadType === 'abi' && !isContractFile(currentFile) ? 'none' : 'block' }}>
           { (contractList[currentFile] || []).map((contract, index) => {
             return <option key={index} value={contract.alias}>{contract.alias} - {contract.file}</option>
           }) }
@@ -258,7 +262,7 @@ export function ContractDropdownUI (props: ContractDropdownProps) {
             </div> : ''
           }
         </div>
-        <div className="udapp_orLabel mt-2" style={{ display: loadType === 'abi' ? 'none' : 'block' }}>or</div>
+        <div className="udapp_orLabel mt-2" style={{ display: loadType === 'abi' && !isContractFile(currentFile) ? 'none' : 'block' }}>or</div>
         <div className="udapp_button udapp_atAddressSect">
           <button className="udapp_atAddress btn btn-sm btn-info" id="runAndDeployAtAdressButton" disabled={atAddressOptions.disabled} title={atAddressOptions.title} onClick={loadFromAddress}>At Address</button>
           <input