button improvement

pull/4921/head
aniket-engg 5 months ago committed by Aniket
parent bc93aef2a0
commit 92686f3f68
  1. 135
      libs/remix-ui/solidity-compiler/src/lib/contract-selection.tsx

@ -9,7 +9,6 @@ import { AppModal } from '@remix-ui/app'
import { SolScanTable } from './solScanTable' import { SolScanTable } from './solScanTable'
import axios from 'axios' import axios from 'axios'
import './css/style.css' import './css/style.css'
import { CustomTooltip } from '@remix-ui/helper' import { CustomTooltip } from '@remix-ui/helper'
const _paq = (window._paq = window._paq || []) const _paq = (window._paq = window._paq || [])
@ -325,7 +324,7 @@ export const ContractSelection = (props: ContractSelectionProps) => {
} }
await plugin.call('notification', 'modal', modal) await plugin.call('notification', 'modal', modal)
} }
} }
}) })
} }
@ -374,83 +373,80 @@ export const ContractSelection = (props: ContractSelectionProps) => {
</select> </select>
</div> </div>
<article className="mt-2 pb-0"> <article className="mt-2 pb-0">
<button <CustomTooltip
id="runStaticAnalysis" placement={'auto-end'}
className="btn btn-outline-secondary btn-block" tooltipId="runStaticAnalysisTooltip"
onClick={() => { tooltipClasses="text-nowrap"
runStaticAnalysis() tooltipText={`${intl.formatMessage({
}} id: 'solidity.runStaticAnalysis.iconTooltip'
})}`}
> >
<CustomTooltip <button
placement={'auto-end'} id="runStaticAnalysis"
tooltipId="runStaticAnalysisTooltip" className="btn border btn-block"
tooltipClasses="text-nowrap" onClick={() => {
tooltipText={`${intl.formatMessage({ runStaticAnalysis()
id: 'solidity.runStaticAnalysis.iconTooltip' }}
})}`}
> >
<span> <FormattedMessage id="solidity.runStaticAnalysis" />
<FormattedMessage id="solidity.runStaticAnalysis" /> </button>
</span> </CustomTooltip>
</CustomTooltip> <CustomTooltip
</button> placement={'auto-end'}
<button tooltipId="runSolidityScanTooltip"
id="runSolidityScan" tooltipClasses="text-nowrap"
className="btn btn-outline-secondary btn-block" tooltipText={`${intl.formatMessage({
onClick={() => { id: 'solidity.solScan.iconTooltip'
runSolidityScan() })}`}
}}
> >
<CustomTooltip <button
placement={'auto-end'} id="runSolidityScan"
tooltipId="runSolidityScanTooltip" className="btn border btn-block"
tooltipClasses="text-nowrap" onClick={() => {
tooltipText={`${intl.formatMessage({ runSolidityScan()
id: 'solidity.solScan.iconTooltip' }}
})}`}
> >
<span> <FormattedMessage id="solidity.runSolidityScan" />
<FormattedMessage id="solidity.runSolidityScan" /> </button>
</span> </CustomTooltip>
</CustomTooltip> <CustomTooltip
</button> placement={'auto-end'}
<button tooltipId="publishOnIpfsTooltip"
id="publishOnIpfs" tooltipClasses="text-nowrap"
className="btn btn-outline-secondary btn-block" tooltipText={`${intl.formatMessage({
onClick={() => { id: 'solidity.publishOn'
handlePublishToStorage('ipfs') })} Ipfs`}
}}
> >
<CustomTooltip <button
placement={'auto-end'} id="publishOnIpfs"
tooltipId="publishOnIpfsTooltip" className="btn border btn-block"
tooltipClasses="text-nowrap" onClick={() => {
tooltipText={`${intl.formatMessage({ handlePublishToStorage('ipfs')
id: 'solidity.publishOn' }}
})} Ipfs`}
> >
<span> <span>
<span> <span>
<FormattedMessage id="solidity.publishOn" /> Ipfs <FormattedMessage id="solidity.publishOn" /> Ipfs
</span> </span>
<img id="ipfsLogo" className="remixui_storageLogo ml-2" src="assets/img/ipfs.webp" /> <img id="ipfsLogo" className="remixui_storageLogo ml-2" src="assets/img/ipfs.webp" />
</span> </span>
</CustomTooltip> </button>
</button> </CustomTooltip>
<button <CustomTooltip
id="publishOnSwarm" placement={'auto-end'}
className="btn btn-outline-secondary btn-block" tooltipId="publishOnSwarmTooltip"
onClick={() => { tooltipClasses="text-nowrap"
handlePublishToStorage('swarm') tooltipText={`${intl.formatMessage({
}} id: 'solidity.publishOn'
})} Swarm`}
> >
<CustomTooltip <button
placement={'auto-end'} id="publishOnSwarm"
tooltipId="publishOnSwarmTooltip" className="btn border btn-block"
tooltipClasses="text-nowrap" onClick={() => {
tooltipText={`${intl.formatMessage({ handlePublishToStorage('swarm')
id: 'solidity.publishOn' }}
})} Swarm`}
> >
<span> <span>
<span> <span>
@ -458,9 +454,8 @@ export const ContractSelection = (props: ContractSelectionProps) => {
</span> </span>
<img id="swarmLogo" className="remixui_storageLogo ml-2" src="assets/img/swarm.webp" /> <img id="swarmLogo" className="remixui_storageLogo ml-2" src="assets/img/swarm.webp" />
</span> </span>
</CustomTooltip> </button>
</button> </CustomTooltip>
<CustomTooltip <CustomTooltip
placement={'auto-end'} placement={'auto-end'}
tooltipId="CompilationDetailsTooltip" tooltipId="CompilationDetailsTooltip"
@ -469,7 +464,7 @@ export const ContractSelection = (props: ContractSelectionProps) => {
> >
<button <button
data-id="compilation-details" data-id="compilation-details"
className="btn btn-outline-secondary btn-block" className="btn border btn-block"
onClick={async () => { onClick={async () => {
details() details()
await (api as any).call('compilationDetails', 'showDetails', payload) await (api as any).call('compilationDetails', 'showDetails', payload)

Loading…
Cancel
Save