fixing recorder "run" btn behaviour

Author: LianaHus

libs/remix-ui/run-tab/src/lib/components/recorderCardUI.tsx

@@ -20,9 +20,10 @@ export function RecorderUI(props: RecorderProps) {
   }
 
   useEffect(() => {
-    if (props.currentFile && props.currentFile.endsWith('.json')) setEnableRunButton(false)
-    else setEnableRunButton(true)
-  }, [props.currentFile])
+    if (props.txCount > 0 && props.currentFile && props.currentFile.endsWith('.json')) setEnableRunButton(true)
+    else setEnableRunButton(false)
+  console.log('props.txCount', props.txCount)
+  }, [props.currentFile, props.txCount])
 
   const toggleClass = () => {
     setToggleExpander(!toggleExpander)
@@ -47,7 +48,7 @@ export function RecorderUI(props: RecorderProps) {
             tooltipText={<FormattedMessage id="udapp.transactionsCountTooltip" />}
           >
             <div className="ml-2 badge badge-pill badge-primary text-center" style={{ cursor:"default" }} data-title="The number of recorded transactions">
-              {props.count}
+              {props.txCount}
             </div>
           </CustomTooltip>
           <CustomTooltip
@@ -96,18 +97,18 @@ export function RecorderUI(props: RecorderProps) {
             tooltipClasses="text-nowrap"
             tooltipId="remixUdappTransactionSavetooltip"
             tooltipText={
-              props.count === 0
+              props.txCount === 0
                 ? intl.formatMessage({ id: 'udapp.transactionSaveTooltip1' })
-                : props.count === 1
-                  ? intl.formatMessage({ id: 'udapp.transactionSaveTooltip2' }, { count: props.count })
-                  : intl.formatMessage({ id: 'udapp.transactionSaveTooltip3' }, { count: props.count })
+                : props.txCount === 1
+                  ? intl.formatMessage({ id: 'udapp.transactionSaveTooltip2' }, { count: props.txCount })
+                  : intl.formatMessage({ id: 'udapp.transactionSaveTooltip3' }, { count: props.txCount })
             }
           >
             <button
               className="btn btn-sm btn-secondary savetransaction udapp_recorder"
-              disabled={props.count === 0 ? true : false}
+              disabled={props.txCount === 0 ? true : false}
               onClick={triggerRecordButton}
-              style={{ pointerEvents: props.count === 0 ? 'none' : 'auto' }}
+              style={{ pointerEvents: props.txCount === 0 ? 'none' : 'auto' }}
               id="udappRecorderSave"
             >
               <FormattedMessage id="udapp.save" />
@@ -117,9 +118,9 @@ export function RecorderUI(props: RecorderProps) {
             <button
               className={enableRunButton ? "btn btn-sm btn-secondary runtransaction udapp_runTxs" : "btn btn-sm btn-secondary runtransaction udapp_runTxs disabled"}
               data-id="runtransaction"
-              disabled={enableRunButton}
+              disabled={!enableRunButton}
               onClick={handleClickRunButton}
-              style={{ pointerEvents: enableRunButton ? 'none' : 'auto' }}
+              style={{ pointerEvents: !enableRunButton ? 'none' : 'auto' }}
               id="udappRecorderRun"
             >
               <FormattedMessage id="udapp.run" />

libs/remix-ui/run-tab/src/lib/run-tab.tsx

@@ -424,7 +424,7 @@ export function RunTabUI(props: RunTabProps) {
             storeScenario={storeNewScenario}
             runCurrentScenario={runScenario}
             scenarioPrompt={scenarioPrompt}
-            count={runTab.recorder.transactionCount}
+            txCount={runTab.recorder.transactionCount}
             currentFile={currentfile}
           />
           <InstanceContainerUI

libs/remix-ui/run-tab/src/lib/types/index.ts

@@ -296,7 +296,7 @@ export interface RecorderProps {
   gasEstimationPrompt: (msg: string) => JSX.Element,
   passphrasePrompt: (msg: string) => JSX.Element,
   scenarioPrompt: (msg: string, defaultValue: string) => JSX.Element,
-  count: number
+  txCount: number
   currentFile: string
   plugin: RunTab
 }