icons and text

apps/remix-ide/src/app/tabs/locales/en/udapp.json

@@ -71,9 +71,9 @@
   "udapp.tooltipText6": "Autogenerated generic user interfaces for interaction with deployed contracts",
 
   "udapp.savedContracts": "Pinned Contracts",
-  "udapp.NoSavedInstanceText": "No saved contracts found.",
-  "udapp.tooltipTextUnsave": "Unsave & move to Deployed Contracts list",
-  "udapp.savedOn": "Saved On",
+  "udapp.NoSavedInstanceText": "No pinned contracts found.",
+  "udapp.tooltipTextDelete": "Delete contract",
+  "udapp.savedOn": "Pinned On",
   "udapp.filePath": "File Path",
 
   "udapp._comment_recorderCardUI.tsx": "libs/remix-ui/run-tab/src/lib/components/recorderCardUI.tsx",
@@ -105,7 +105,7 @@
 
   "udapp._comment_universalDappUI.tsx": "libs/remix-ui/run-tab/src/lib/components/universalDappUI.tsx",
   "udapp.tooltipText7": "Remove from the list",
-  "udapp.tooltipText14": "Save & move to Saved Contracts list",
+  "udapp.tooltipText14": "Pin contract",
   "udapp.tooltipText8": "Click for docs about using 'receive'/'fallback'",
   "udapp.tooltipText9": "The Calldata to send to fallback function of the contract.",
   "udapp.tooltipText10": "Send data to contract.",

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

@@ -266,13 +266,17 @@ export function UniversalDappUI(props: UdappProps) {
           </div>
           { props.isSavedContract || !(props.plugin.REACT_API.selectExEnv && props.plugin.REACT_API.selectExEnv.startsWith('vm-')) ? ( <div className="btn" style={{padding: '0.15rem', marginLeft: '-0.5rem'}}>
             <CustomTooltip placement="top" tooltipClasses="text-nowrap" tooltipId="udapp_udappSaveTooltip" tooltipText={<FormattedMessage id="udapp.tooltipText14" />}>
-              <i className="far fa-save p-2" aria-hidden="true" data-id="universalDappUiUdappSave" onClick={saveContract}></i>
+              <i className="far fa-thumbtack p-2" aria-hidden="true" data-id="universalDappUiUdappSave" onClick={saveContract}></i>
             </CustomTooltip>
           </div> ) : null }
         </div>
-        <CustomTooltip placement="top" tooltipClasses="text-nowrap" tooltipId="udapp_udappCloseTooltip" tooltipText={ !props.isSavedContract ? (<FormattedMessage id="udapp.tooltipText7" />) : (<FormattedMessage id="udapp.tooltipTextUnsave" />)}>
+        { !props.isSavedContract ? (<CustomTooltip placement="top" tooltipClasses="text-nowrap" tooltipId="udapp_udappCloseTooltip" tooltipText={<FormattedMessage id="udapp.tooltipText7" />}>
           <i className="udapp_closeIcon m-1 fas fa-times align-self-center" aria-hidden="true" data-id="universalDappUiUdappClose" onClick={remove}></i>
-        </CustomTooltip>
+        </CustomTooltip>) :
+        ( <CustomTooltip placement="top" tooltipClasses="text-nowrap" tooltipId="udapp_udappDeleteTooltip" tooltipText={<FormattedMessage id="udapp.tooltipTextDelete" />}>
+          <i className="udapp_closeIcon m-1 far fa-trash align-self-center" aria-hidden="true" data-id="universalDappUiUdappDelete" onClick={remove}></i>
+        </CustomTooltip> )
+        }
       </div>
       <div className="udapp_cActionsWrapper" data-id="universalDappUiContractActionWrapper">
         <div className="udapp_contractActionsContainer">