pull/5370/head
aniket-engg 5 months ago committed by Aniket
parent b5486def74
commit b45693a2ef
  1. 4
      apps/remix-ide/src/app/tabs/locales/en/udapp.json
  2. 52
      libs/remix-ui/run-tab/src/lib/components/instanceContainerUI.tsx

@ -67,10 +67,10 @@
"udapp.tooltipText3": "Click to open a bridge for converting L1 mainnet ETH to the selected network currency.", "udapp.tooltipText3": "Click to open a bridge for converting L1 mainnet ETH to the selected network currency.",
"udapp._comment_instanceContainerUI.tsx": "libs/remix-ui/run-tab/src/lib/components/instanceContainerUI.tsx", "udapp._comment_instanceContainerUI.tsx": "libs/remix-ui/run-tab/src/lib/components/instanceContainerUI.tsx",
"udapp.deployedContracts": "Deployed/Unpinned Contracts", "udapp.deployedContracts": "Deployed Contracts",
"udapp.deployAndRunClearInstances": "Clear instances list and reset recorder", "udapp.deployAndRunClearInstances": "Clear instances list and reset recorder",
"udapp.deployAndRunNoInstanceText": "Currently you have no unpinned contracts to interact with.", "udapp.deployAndRunNoInstanceText": "Currently you have no unpinned contracts to interact with.",
"udapp.tooltipText6": "Autogenerated generic user interfaces for interaction with deployed/unpinned contracts", "udapp.tooltipText6": "Autogenerated generic user interfaces for interaction with deployed contracts",
"udapp.pinnedContracts": "Pinned Contracts", "udapp.pinnedContracts": "Pinned Contracts",
"udapp.tooltipTextPinnedContracts": "List of pinned contracts for selected workspace & network", "udapp.tooltipTextPinnedContracts": "List of pinned contracts for selected workspace & network",

@ -14,17 +14,22 @@ export function InstanceContainerUI(props: InstanceContainerProps) {
return ( return (
<div className="udapp_instanceContainer mt-3 border-0 list-group-item"> <div className="udapp_instanceContainer mt-3 border-0 list-group-item">
<div className="d-flex justify-content-between align-items-center pl-2"> <div className="d-flex justify-content-between align-items-center pl-2 mb-2 mt-2">
<CustomTooltip placement="top-start" tooltipClasses="text-nowrap" tooltipId="deployAndRunPinnedContractsTooltip" tooltipText={<FormattedMessage id="udapp.tooltipTextPinnedContracts" />}> <CustomTooltip placement="top-start" tooltipClasses="text-nowrap" tooltipId="deployAndRunClearInstancesTooltip" tooltipText={<FormattedMessage id="udapp.tooltipText6" />}>
<label className="udapp_deployedContracts" data-id="pinnedContracts"> <label className="udapp_deployedContracts" data-id="unpinnedContracts">
<FormattedMessage id="udapp.pinnedContracts" /> <FormattedMessage id="udapp.deployedContracts" />
</label> </label>
</CustomTooltip> </CustomTooltip>
</div> {instanceList.length > 0 ? (
<div className="d-flex justify-content-between align-items-center pl-2"> <CustomTooltip
<label className="udapp_deployedContracts" data-id="pinnedContractsNetwork"> placement={'auto-end'}
<span style={{ fontSize: '0.75rem' }} data-id="pinnedContractsSublabel"> (network: {props.plugin.REACT_API.chainId}) </span> tooltipClasses="text-nowrap"
</label> tooltipId="deployAndRunClearInstancesTooltip"
tooltipText={<FormattedMessage id="udapp.deployAndRunClearInstances" />}
>
<i className="mr-1 p-2 udapp_icon far fa-trash-alt" data-id="deployAndRunClearInstances" onClick={clearInstance} aria-hidden="true"></i>
</CustomTooltip>
) : null}
</div> </div>
{props.pinnedInstances.instanceList.length > 0 ? ( {props.pinnedInstances.instanceList.length > 0 ? (
@ -54,29 +59,8 @@ export function InstanceContainerUI(props: InstanceContainerProps) {
) )
})} })}
</div> </div>
) : ( ) : ''}
<span className="mx-2 mt-3 alert alert-secondary" data-id="NoPinnedInstanceText">
<FormattedMessage id="udapp.NoPinnedInstanceText" />
</span>
)}
<div className="d-flex justify-content-between align-items-center pl-2 mb-2 mt-2">
<CustomTooltip placement="top-start" tooltipClasses="text-nowrap" tooltipId="deployAndRunClearInstancesTooltip" tooltipText={<FormattedMessage id="udapp.tooltipText6" />}>
<label className="udapp_deployedContracts" data-id="unpinnedContracts">
<FormattedMessage id="udapp.deployedContracts" />
</label>
</CustomTooltip>
{instanceList.length > 0 ? (
<CustomTooltip
placement={'auto-end'}
tooltipClasses="text-nowrap"
tooltipId="deployAndRunClearInstancesTooltip"
tooltipText={<FormattedMessage id="udapp.deployAndRunClearInstances" />}
>
<i className="mr-1 p-2 udapp_icon far fa-trash-alt" data-id="deployAndRunClearInstances" onClick={clearInstance} aria-hidden="true"></i>
</CustomTooltip>
) : null}
</div>
{instanceList.length > 0 ? ( {instanceList.length > 0 ? (
<div> <div>
{' '} {' '}
@ -104,11 +88,7 @@ export function InstanceContainerUI(props: InstanceContainerProps) {
) )
})} })}
</div> </div>
) : ( ) : ''}
<span className="mx-2 mt-3 alert alert-secondary" data-id="deployAndRunNoInstanceText" role="alert">
<FormattedMessage id="udapp.deployAndRunNoInstanceText" />
</span>
)}
</div> </div>
) )
} }

Loading…
Cancel
Save