add style view debug

Scaffold-Stark · May 3, 2024 · 4d22046 · 4d22046
1 parent 74787a5
commit 4d22046
Show file tree

Hide file tree

Showing 9 changed files with 21 additions and 28 deletions.
diff --git a/packages/nextjs/.env b/packages/nextjs/.env
diff --git a/packages/nextjs/app/debug/_components/contract/ReadOnlyFunctionForm.tsx b/packages/nextjs/app/debug/_components/contract/ReadOnlyFunctionForm.tsx
@@ -73,15 +73,15 @@ export const ReadOnlyFunctionForm = ({
         <div className="flex-grow w-4/5">
           {data !== null && data !== undefined && (
             <div className="bg-secondary rounded-3xl text-sm px-4 py-1.5 break-words">
-              <p className="font-bold m-0 mb-1">Result:</p>
-              <pre className="whitespace-pre-wrap break-words">
+              <p className="font-bold m-0 mb-1 text-neutral-content">Result:</p>
+              <pre className="whitespace-pre-wrap break-words text-neutral-content ">
                 {displayTxResult(data, false, abiFunction?.outputs)}
               </pre>
             </div>
           )}
         </div>
         <button
-          className="btn btn-secondary btn-sm"
+          className="btn btn-secondary btn-sm text-neutral-content bg-primary"
           onClick={handleRead}
           disabled={inputValue && isFetching}
         >

diff --git a/packages/nextjs/app/debug/_components/contract/WriteOnlyFunctionForm.tsx b/packages/nextjs/app/debug/_components/contract/WriteOnlyFunctionForm.tsx
@@ -123,7 +123,7 @@ WriteOnlyFunctionFormProps) => {
         {inputs}
         <div className="flex justify-between gap-2">
           {!zeroInputs && (
-            <div className="flex-grow basis-0">
+            <div className="flex-grow basis-0 text-neutral-content">
               {displayedTxResult ? (
                 <TxReceipt txResult={displayedTxResult} />
               ) : null}

diff --git a/packages/nextjs/app/debug/page.tsx b/packages/nextjs/app/debug/page.tsx
@@ -12,7 +12,7 @@ const Debug: NextPage = () => {
   return (
     <>
       <DebugContracts />
-      <div className="text-center mt-8 bg-base-300 p-10 ">
+      <div className="text-center mt-8 bg-base-300 p-10  text-primary">
         <h1 className="text-4xl my-0 text-neutral-content">Debug Contracts</h1>
         <p className="text-neutral-content">
           You can debug & interact with your deployed contracts here.

diff --git a/packages/nextjs/app/page.tsx b/packages/nextjs/app/page.tsx
@@ -1,6 +1,5 @@
 import Image from "next/image";
 import type { NextPage } from "next";
-import { BugAntIcon, MagnifyingGlassIcon } from "@heroicons/react/24/outline";
 
 const Home: NextPage = () => {
   return (

diff --git a/packages/nextjs/app/stakings/page.tsx b/packages/nextjs/app/stakings/page.tsx
@@ -5,21 +5,24 @@ interface StakeEvent {
 }
 
 interface StakingProps {
-  stakeEvents: StakeEvent[] | undefined;
-  isLoading: boolean;
+  stakeEvents?: StakeEvent[];
+  isLoading?: boolean;
 }
 
-const Staking: React.FC<StakingProps> = ({ stakeEvents, isLoading }) => {
-  if (isLoading) {
-    return (
-      <div className="flex justify-center items-center mt-10">
-        <span className="loading loading-spinner loading-lg"></span>
-      </div>
-    );
-  }
+const Staking: React.FC<StakingProps> = ({
+  stakeEvents = [],
+  // isLoading = false,
+}) => {
+  // if (isLoading) {
+  //   return (
+  //     <div className="flex justify-center items-center mt-10 text-primary">
+  //       <span className="loading loading-spinner loading-lg"></span>
+  //     </div>
+  //   );
+  // }
 
   return (
-    <div className="flex items-center flex-col flex-grow pt-10">
+    <div className="flex items-center flex-col flex-grow pt-10 text-primary">
       <div className="px-5">
         <h1 className="text-center mb-3">
           <span className="block text-2xl font-bold">All Staking Events</span>

diff --git a/packages/nextjs/components/stake/StakeContractInteraction.tsx b/packages/nextjs/components/stake/StakeContractInteraction.tsx
@@ -100,7 +100,7 @@ export const StakeContractInteraction = ({ address }: { address?: string }) => {
     };
 
   return (
-    <div className="flex items-center flex-col flex-grow w-full px-4 gap-12">
+    <div className="flex items-center flex-col flex-grow w-full px-4 gap-12 text-primary">
       {isStakingCompleted && (
         <div className="flex flex-col items-center gap-2 bg-base-100 border-8 border-secondary  rounded-xl p-6 mt-12 w-full max-w-lg">
           <p className="block m-0 font-semibold">

diff --git a/packages/nextjs/contracts/deployedContracts.ts b/packages/nextjs/contracts/deployedContracts.ts
diff --git a/packages/nextjs/scaffold.config.ts b/packages/nextjs/scaffold.config.ts
@@ -9,7 +9,7 @@ export type ScaffoldConfig = {
 };
 
 const scaffoldConfig = {
-  targetNetworks: [chains.devnet],
+  targetNetworks: [chains.sepolia],
   // Only show the Burner Wallet when running on devnet
   onlyLocalBurnerWallet: false,
   rpcProviderUrl: process.env.NEXT_PUBLIC_PROVIDER_URL || "",