|
|
@ -355,11 +355,7 @@ export const RemixUiTerminal = (props: RemixUiTerminalProps) => { |
|
|
|
if (autoCompletState.showSuggestions && (event.which === 13 || event.which === 9)) { |
|
|
|
if (autoCompletState.showSuggestions && (event.which === 13 || event.which === 9)) { |
|
|
|
if (autoCompletState.userInput.length === 1) { |
|
|
|
if (autoCompletState.userInput.length === 1) { |
|
|
|
setAutoCompleteState(prevState => ({ ...prevState, activeSuggestion: 0, showSuggestions: false, userInput: Object.keys(autoCompletState.data._options[0]).toString() })) |
|
|
|
setAutoCompleteState(prevState => ({ ...prevState, activeSuggestion: 0, showSuggestions: false, userInput: Object.keys(autoCompletState.data._options[0]).toString() })) |
|
|
|
} |
|
|
|
} else { |
|
|
|
// else if (autoCompletState.activeSuggestion === 0) {
|
|
|
|
|
|
|
|
// setAutoCompleteState(prevState => ({ ...prevState, activeSuggestion: 0, showSuggestions: false, userInput: autoCompletState.userInput }))
|
|
|
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
else { |
|
|
|
|
|
|
|
console.log(autoCompletState.activeSuggestion, 'autoCompletState.userInput.length') |
|
|
|
console.log(autoCompletState.activeSuggestion, 'autoCompletState.userInput.length') |
|
|
|
setAutoCompleteState(prevState => ({ ...prevState, activeSuggestion: 0, showSuggestions: false, userInput: Object.keys(autoCompletState.data._options[autoCompletState.activeSuggestion]).toString() })) |
|
|
|
setAutoCompleteState(prevState => ({ ...prevState, activeSuggestion: 0, showSuggestions: false, userInput: Object.keys(autoCompletState.data._options[autoCompletState.activeSuggestion]).toString() })) |
|
|
|
} |
|
|
|
} |
|
|
@ -433,7 +429,7 @@ export const RemixUiTerminal = (props: RemixUiTerminalProps) => { |
|
|
|
const onMouseMove: any = (e: MouseEvent) => { |
|
|
|
const onMouseMove: any = (e: MouseEvent) => { |
|
|
|
e.preventDefault() |
|
|
|
e.preventDefault() |
|
|
|
if (dragging && leftHeight && separatorYPosition) { |
|
|
|
if (dragging && leftHeight && separatorYPosition) { |
|
|
|
const newEditorHeight = leftHeight - e.clientY + separatorYPosition |
|
|
|
// const newEditorHeight = leftHeight - e.clientY + separatorYPosition
|
|
|
|
const newLeftHeight = leftHeight + separatorYPosition - e.clientY |
|
|
|
const newLeftHeight = leftHeight + separatorYPosition - e.clientY |
|
|
|
setSeparatorYPosition(e.clientY) |
|
|
|
setSeparatorYPosition(e.clientY) |
|
|
|
setLeftHeight(newLeftHeight) |
|
|
|
setLeftHeight(newLeftHeight) |
|
|
@ -460,7 +456,7 @@ export const RemixUiTerminal = (props: RemixUiTerminalProps) => { |
|
|
|
|
|
|
|
|
|
|
|
React.useEffect(() => { |
|
|
|
React.useEffect(() => { |
|
|
|
const leftRef = document.getElementById('terminal-view') |
|
|
|
const leftRef = document.getElementById('terminal-view') |
|
|
|
const editorRef = document.getElementById('mainPanelPluginsContainer-id') |
|
|
|
// const editorRef = document.getElementById('mainPanelPluginsContainer-id')
|
|
|
|
if (leftRef) { |
|
|
|
if (leftRef) { |
|
|
|
if (!leftHeight) { |
|
|
|
if (!leftHeight) { |
|
|
|
setLeftHeight(leftRef.offsetHeight) |
|
|
|
setLeftHeight(leftRef.offsetHeight) |
|
|
@ -637,7 +633,7 @@ export const RemixUiTerminal = (props: RemixUiTerminalProps) => { |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
const txDetails = (event, tx, obj) => { |
|
|
|
const txDetails = (event, tx) => { |
|
|
|
if (showTableHash.includes(tx.hash)) { |
|
|
|
if (showTableHash.includes(tx.hash)) { |
|
|
|
const index = showTableHash.indexOf(tx.hash) |
|
|
|
const index = showTableHash.indexOf(tx.hash) |
|
|
|
console.log({ index }) |
|
|
|
console.log({ index }) |
|
|
@ -823,13 +819,12 @@ export const RemixUiTerminal = (props: RemixUiTerminalProps) => { |
|
|
|
const renderUnKnownTransactions = (tx, receipt, index) => { |
|
|
|
const renderUnKnownTransactions = (tx, receipt, index) => { |
|
|
|
const from = tx.from |
|
|
|
const from = tx.from |
|
|
|
const to = tx.to |
|
|
|
const to = tx.to |
|
|
|
const obj = { from, to } |
|
|
|
// const obj = { from, to }
|
|
|
|
const txType = 'unknown' + (tx.isCall ? 'Call' : 'Tx') |
|
|
|
const txType = 'unknown' + (tx.isCall ? 'Call' : 'Tx') |
|
|
|
console.log('render unknown transaction ') |
|
|
|
console.log('render unknown transaction ') |
|
|
|
return ( |
|
|
|
return ( |
|
|
|
<span id={`tx${tx.hash}`} key={index}> |
|
|
|
<span id={`tx${tx.hash}`} key={index}> |
|
|
|
<div className="log" onClick={(event) => txDetails(event, tx, obj)}> |
|
|
|
<div className="log" onClick={(event) => txDetails(event, tx)}> |
|
|
|
{/* onClick={e => txDetails(e, tx, data, obj)} */} |
|
|
|
|
|
|
|
{checkTxStatus(receipt || tx, txType)} |
|
|
|
{checkTxStatus(receipt || tx, txType)} |
|
|
|
{context({ from, to, tx }, props.blockchain)} |
|
|
|
{context({ from, to, tx }, props.blockchain)} |
|
|
|
{ console.log('under context and checkTxStatus')} |
|
|
|
{ console.log('under context and checkTxStatus')} |
|
|
@ -861,12 +856,12 @@ export const RemixUiTerminal = (props: RemixUiTerminalProps) => { |
|
|
|
const renderKnownTransactions = (tx, receipt, resolvedData, logs, index) => { |
|
|
|
const renderKnownTransactions = (tx, receipt, resolvedData, logs, index) => { |
|
|
|
const from = tx.from |
|
|
|
const from = tx.from |
|
|
|
const to = resolvedData.contractName + '.' + resolvedData.fn |
|
|
|
const to = resolvedData.contractName + '.' + resolvedData.fn |
|
|
|
const obj = { from, to } |
|
|
|
// const obj = { from, to }
|
|
|
|
const txType = 'knownTx' |
|
|
|
const txType = 'knownTx' |
|
|
|
console.log('render unknown transaction ') |
|
|
|
console.log('render unknown transaction ') |
|
|
|
return ( |
|
|
|
return ( |
|
|
|
<span id={`tx${tx.hash}`} key={index}> |
|
|
|
<span id={`tx${tx.hash}`} key={index}> |
|
|
|
<div className="log" onClick={(event) => txDetails(event, tx, obj)}> |
|
|
|
<div className="log" onClick={(event) => txDetails(event, tx)}> |
|
|
|
{checkTxStatus(receipt, txType)} |
|
|
|
{checkTxStatus(receipt, txType)} |
|
|
|
{context({ from, to, tx }, props.blockchain)} |
|
|
|
{context({ from, to, tx }, props.blockchain)} |
|
|
|
<div className='buttons'> |
|
|
|
<div className='buttons'> |
|
|
|