diff --git a/libs/remix-ui/terminal/src/lib/remix-ui-terminal.tsx b/libs/remix-ui/terminal/src/lib/remix-ui-terminal.tsx index 904685f7a5..52eaa9058c 100644 --- a/libs/remix-ui/terminal/src/lib/remix-ui-terminal.tsx +++ b/libs/remix-ui/terminal/src/lib/remix-ui-terminal.tsx @@ -46,6 +46,7 @@ export const RemixUiTerminal = (props: RemixUiTerminalProps) => { const [clearConsole, setClearConsole] = useState(false) const [paste, setPaste] = useState(false) + const [storage, setStorage] = useState(null) const [autoCompletState, setAutoCompleteState] = useState({ activeSuggestion: 0, data: { @@ -419,10 +420,19 @@ export const RemixUiTerminal = (props: RemixUiTerminalProps) => { } useEffect(() => { + + (async()=>{ + const storage = await props.plugin.call('storage','getStorage') + console.log(storage) + setStorage(storage) + })() + props.plugin.on('layout', 'change', (panels) => { setIsOpen(!panels.terminal.minimized) }) + + return () => { props.plugin.off('layout', 'change') } @@ -477,7 +487,7 @@ export const RemixUiTerminal = (props: RemixUiTerminalProps) => { }
- {!clearConsole && } + {!clearConsole && } {newstate.journalBlocks && newstate.journalBlocks.map((x, index) => { if (x.name === EMPTY_BLOCK) { return ( diff --git a/libs/remix-ui/terminal/src/lib/terminalWelcome.tsx b/libs/remix-ui/terminal/src/lib/terminalWelcome.tsx index aa53fac37f..955de90995 100644 --- a/libs/remix-ui/terminal/src/lib/terminalWelcome.tsx +++ b/libs/remix-ui/terminal/src/lib/terminalWelcome.tsx @@ -1,10 +1,16 @@ -import React from 'react' // eslint-disable-line +import React, { useEffect } from 'react' // eslint-disable-line -const TerminalWelcomeMessage = ({ packageJson }) => { +const TerminalWelcomeMessage = ({ packageJson, storage }) => { + + useEffect(() => { + console.log(storage) + }, [ + storage + ]) return (
Welcome to Remix {packageJson}

-
Your files are stored in {(window as any).remixFileSystem.name}

+
Your files are stored in {(window as any).remixFileSystem.name}, {storage && storage.usage} used

You can use this terminal to:
  • Check transactions details and start debugging.