add useIsMobile hook and udpate copy (#84)

Co-authored-by: tokodev <[email protected]>
BuidlGuidl · Apr 10, 2024 · 5cd6219 · 5cd6219
1 parent 52c0381
commit 5cd6219
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 3 deletions.
diff --git a/packages/nextjs/components/scaffold-eth/Contract/ContractReadMethods.tsx b/packages/nextjs/components/scaffold-eth/Contract/ContractReadMethods.tsx
@@ -34,7 +34,10 @@ export const ContractReadMethods = ({
   if (!functionsToDisplay.length) {
     return (
       <div className="py-5">
-        <span className="font-light text-gray-500 my-5">Please select read methods from the sidebar.</span>
+        <span className="font-light text-gray-500 my-5">
+          Please select read methods from the <span className="sm:hidden">hamburger menu</span>
+          <span className="hidden sm:inline">sidebar</span>.
+        </span>
       </div>
     );
   }

diff --git a/packages/nextjs/components/scaffold-eth/Contract/ContractWriteMethods.tsx b/packages/nextjs/components/scaffold-eth/Contract/ContractWriteMethods.tsx
@@ -35,7 +35,10 @@ export const ContractWriteMethods = ({
   if (!functionsToDisplay.length) {
     return (
       <div className="py-5">
-        <span className="font-light text-gray-500">Please select write methods from the sidebar.</span>
+        <span className="font-light text-gray-500">
+          Please select read methods from the <span className="sm:hidden">hamburger menu</span>
+          <span className="hidden sm:inline">sidebar</span>.
+        </span>
       </div>
     );
   }

diff --git a/packages/nextjs/components/scaffold-eth/Contract/WriteOnlyFunctionForm.tsx b/packages/nextjs/components/scaffold-eth/Contract/WriteOnlyFunctionForm.tsx
@@ -130,7 +130,7 @@ export const WriteOnlyFunctionForm = ({
                 wrongNetwork &&
                 "tooltip before:content-[attr(data-tip)] before:right-[-10px] before:left-auto before:transform-none"
               }`}
-              data-tip={`${wrongNetwork && "Wrong netowrk"}`}
+              data-tip={`${wrongNetwork && "Wrong network"}`}
             >
               <button className="btn btn-secondary btn-sm" disabled={wrongNetwork || isLoading} onClick={handleWrite}>
                 {isLoading && <span className="loading loading-spinner loading-xs"></span>}