Fix read button placement and lower weight of empty methods messages (#…

…53)
BuidlGuidl · Feb 3, 2024 · cc20de0 · cc20de0
1 parent ebf5464
commit cc20de0
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 5 deletions.
diff --git a/packages/nextjs/components/scaffold-eth/Contract/ContractReadMethods.tsx b/packages/nextjs/components/scaffold-eth/Contract/ContractReadMethods.tsx
@@ -31,7 +31,7 @@ export const ContractReadMethods = ({
  .sort((a, b) => (b.inheritedFrom ? b.inheritedFrom.localeCompare(a.inheritedFrom) : 1));
 
  if (!functionsToDisplay.length) {
- return <>Please select read methods from the sidebar.</>;
+ return <span className="font-light text-gray-500">Please select read methods from the sidebar.</span>;
  }
 
  return (

diff --git a/packages/nextjs/components/scaffold-eth/Contract/ContractWriteMethods.tsx b/packages/nextjs/components/scaffold-eth/Contract/ContractWriteMethods.tsx
@@ -32,11 +32,9 @@ export const ContractWriteMethods = ({
  .sort((a, b) => (b.inheritedFrom ? b.inheritedFrom.localeCompare(a.inheritedFrom) : 1));
 
  if (!functionsToDisplay.length) {
- return <>Please select write methods from the sidebar.</>;
+ return <span className="font-light text-gray-500">Please select write methods from the sidebar.</span>;
  }
 
- console.log("functionsToDisplay", functionsToDisplay);
-
  return (
  <>
  {functionsToDisplay.map(({ fn, inheritedFrom }, idx) => (

diff --git a/packages/nextjs/components/scaffold-eth/Contract/ReadOnlyFunctionForm.tsx b/packages/nextjs/components/scaffold-eth/Contract/ReadOnlyFunctionForm.tsx
@@ -67,7 +67,7 @@ export const ReadOnlyFunctionForm = ({
  <InheritanceTooltip inheritedFrom={inheritedFrom} />
  </p>
  {inputElements}
- <div className="flex justify-between gap-2 flex-wrap">
+ <div className="flex justify-end flex-wrap w-full">
  <div className="flex-grow w-4/5">
  {result !== null && result !== undefined && (
  <div className="bg-secondary rounded-3xl text-sm px-4 py-1.5 break-words">