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 {
+
+}