diff --git a/libs/remix-ui/run-tab/src/lib/components/recorderCardUI.tsx b/libs/remix-ui/run-tab/src/lib/components/recorderCardUI.tsx
index c413e2ec90..b80aadea1f 100644
--- a/libs/remix-ui/run-tab/src/lib/components/recorderCardUI.tsx
+++ b/libs/remix-ui/run-tab/src/lib/components/recorderCardUI.tsx
@@ -1,7 +1,7 @@
// eslint-disable-next-line no-use-before-define
import React, {useRef, useState, useEffect} from 'react'
import { RecorderProps } from '../types'
-import { OverlayTrigger, Tooltip } from 'react-bootstrap' // eslint-disable-line
+import { CustomTooltip } from '@remix-ui/helper'
export function RecorderUI (props: RecorderProps) {
const inputLive = useRef()
@@ -31,21 +31,22 @@ export function RecorderUI (props: RecorderProps) {
-
- {'The number of recorded transactions'}
-
- }>
+
{props.count}
-
-
- Save transactions (deployed contracts and function executions) and replay them in another environment. e.g Transactions created in Remix VM can be replayed in the Injected Provider.
-
-
- }>
+
+
-
+
@@ -56,43 +57,44 @@ export function RecorderUI (props: RecorderProps) {
-
- If contracts are updated after recording transactions, checking this box will run recorded transactions with the latest copy of the compiled contracts
-
- }>
-
-
+
+
+
-
-
- {
+
-
- }>
+ >
-
-
- Run transaction(s) from the current scenario file
-
- }>
+
+
-
+
diff --git a/libs/remix-ui/run-tab/src/lib/components/universalDappUI.tsx b/libs/remix-ui/run-tab/src/lib/components/universalDappUI.tsx
index b9bdfa82ed..4c6b89133b 100644
--- a/libs/remix-ui/run-tab/src/lib/components/universalDappUI.tsx
+++ b/libs/remix-ui/run-tab/src/lib/components/universalDappUI.tsx
@@ -7,9 +7,8 @@ import * as remixLib from '@remix-project/remix-lib'
import * as ethJSUtil from 'ethereumjs-util'
import { ContractGUI } from './contractGUI'
import { TreeView, TreeViewItem } from '@remix-ui/tree-view'
-import { OverlayTrigger, Tooltip } from 'react-bootstrap' // eslint-disable-line
import { BN } from 'ethereumjs-util'
-import { is0XPrefixed, isHexadecimal, isNumeric, shortenAddress } from '@remix-ui/helper'
+import { CustomTooltip, is0XPrefixed, isHexadecimal, isNumeric, shortenAddress } from '@remix-ui/helper'
const txHelper = remixLib.execution.txHelper
@@ -244,13 +243,11 @@ export function UniversalDappUI (props: UdappProps) {
-
- {'Remove from the list'}
-
- }
+ tooltipClasses="text-nowrap"
+ tooltipId="udapp_udappCloseTooltip"
+ tooltipText="Remove from the list"
>
-
+
Low level interactions
-
- {"check out docs for using 'receive'/'fallback'"}
-
- }
+ tooltipClasses="text-wrap"
+ tooltipId="receiveEthDocstoolTip"
+ tooltipText={"check out docs for using 'receive'/'fallback'"}
>
-
+
-
- {"The Calldata to send to fallback function of the contract."}
-
- }
+ tooltipClasses="text-nowrap"
+ tooltipId="deployAndRunLLTxCalldataInputTooltip"
+ tooltipText="The Calldata to send to fallback function of the contract."
>
-
-
+
- Send data to contract.
-
- }
+ tooltipClasses="text-nowrap"
+ tooltipId="deployAndRunLLTxCalldataTooltip"
+ tooltipText="Send data to contract."
>
-
+
diff --git a/libs/remix-ui/run-tab/src/lib/components/value.tsx b/libs/remix-ui/run-tab/src/lib/components/value.tsx
index 3e23867aee..d4cd484a60 100644
--- a/libs/remix-ui/run-tab/src/lib/components/value.tsx
+++ b/libs/remix-ui/run-tab/src/lib/components/value.tsx
@@ -1,9 +1,8 @@
// eslint-disable-next-line no-use-before-define
import React, { useEffect, useRef, useState } from 'react'
import { BN } from 'ethereumjs-util'
-import { isNumeric } from '@remix-ui/helper'
+import { CustomTooltip, isNumeric } from '@remix-ui/helper'
import { ValueProps } from '../types'
-import { OverlayTrigger, Tooltip } from 'react-bootstrap'
export function ValueUI (props: ValueProps) {
const [sendValue, setSendValue] = useState(props.sendValue)
@@ -50,11 +49,12 @@ export function ValueUI (props: ValueProps) {
-
- {"Enter an amount and choose its unit"}
-
- }>
+
-
-