update UI

packages/nextjs/app/debug/_components/contract/ContractReadMethods.tsx

@@ -15,7 +15,7 @@ export const ContractReadMethods = ({
   );
 
   if (!functionsToDisplay.length) {
-    return <>No read methods</>;
+    return <>No view functions</>;
   }
 
   return (

packages/nextjs/app/debug/_components/contract/ContractUI.tsx

@@ -60,11 +60,7 @@ export const ContractUI = ({ contractName, className = "" }: ContractUIProps) =>
               </p>
             )}
           </div>
-          <div className="bg-base-300 rounded-3xl px-6 lg:px-8 py-4 shadow-lg shadow-base-300">
-            <ContractVariables
-              deployedContractData={deployedContractData}
-            />
-          </div>
+
         </div>
         <div className="col-span-1 lg:col-span-2 flex flex-col gap-6">
           <div className="z-10">

packages/nextjs/app/debug/_components/contract/ContractWriteMethods.tsx

@@ -15,7 +15,7 @@ export const ContractWriteMethods = ({
   );
 
   if (!functionsToDisplay.length) {
-    return <>No write methods</>;
+    return <>No write functions</>;
   }
 
   return (

packages/nextjs/app/debug/_components/contract/index.tsx

@@ -1,6 +1,5 @@
 export * from "./ContractInput";
 export * from "./ContractUI";
-export * from "./DisplayVariable";
 export * from "./TxReceipt";
 export * from "./utilsContract";
 export * from "./utilsDisplay";