diff --git a/libs/remix-ui/run-tab/src/lib/components/instanceContainerUI.tsx b/libs/remix-ui/run-tab/src/lib/components/instanceContainerUI.tsx new file mode 100644 index 0000000000..1f3cba0406 --- /dev/null +++ b/libs/remix-ui/run-tab/src/lib/components/instanceContainerUI.tsx @@ -0,0 +1,26 @@ +// eslint-disable-next-line no-use-before-define +import React from 'react' +import { InstanceContainerProps } from '../types' + +export function InstanceContainerUI (props: InstanceContainerProps) { + const clearInstance = () => { + // this.instanceContainer.innerHTML = '' // clear the instances list + // this.instanceContainer.appendChild(instanceContainerTitle) + // this.instanceContainer.appendChild(this.noInstancesText) + } + + return ( +
+
+ Deployed Contracts + +
+ + Currently you have no contract instances to interact with. + +
+ ) +} diff --git a/libs/remix-ui/run-tab/src/lib/run-tab.tsx b/libs/remix-ui/run-tab/src/lib/run-tab.tsx index 105f832954..fd04b5ef22 100644 --- a/libs/remix-ui/run-tab/src/lib/run-tab.tsx +++ b/libs/remix-ui/run-tab/src/lib/run-tab.tsx @@ -1,6 +1,7 @@ // eslint-disable-next-line no-use-before-define import React, { useState } from 'react' import { ContractDropdownUI } from './components/contractDropdownUI' +import { InstanceContainerUI } from './components/instanceContainerUI' import { RecorderUI } from './components/recorderCardUI' import { SettingsUI } from './components/settingsUI' import './css/run-tab.css' @@ -19,7 +20,7 @@ export function RunTabUI (props: RunTabProps) { - {/* ${this.instanceContainer} */} + ) diff --git a/libs/remix-ui/run-tab/src/lib/types/index.ts b/libs/remix-ui/run-tab/src/lib/types/index.ts index 7b2555a300..7aa1b7caef 100644 --- a/libs/remix-ui/run-tab/src/lib/types/index.ts +++ b/libs/remix-ui/run-tab/src/lib/types/index.ts @@ -34,3 +34,7 @@ export interface ContractDropdownProps { export interface RecorderProps { } + +export interface InstanceContainerProps { + +}