0 tokens fix

ensdomains · Feb 14, 2024 · 79814db · 79814db
1 parent 66565d1
commit 79814db
Showing 1 changed file with 19 additions and 2 deletions.
diff --git a/src/pages/DelegateRanking.js b/src/pages/DelegateRanking.js
@@ -223,6 +223,8 @@ const DelegatesContainer = styled.div`
   justify-content: center;
   max-height: calc(100vh / 3);
   overflow-y: auto;
+  pointer-events: ${(props) => (props.balance === 0 ? "none" : "auto")};
+  opacity: ${(props) => (props.balance === 0 ? 0.4 : 1)};
 `;
 
 const HeaderContainer = styled.div`
@@ -364,6 +366,7 @@ function CurrentDelegation({ tokens, selection, delegatedTo }) {
       <Profile address={delegatedTo} size="small" />
     </>
   );
+
   if (selection) {
     text = (
       <>
@@ -383,6 +386,14 @@ function CurrentDelegation({ tokens, selection, delegatedTo }) {
     );
   }
 
+  if (tokens === "0.00") {
+    text = (
+      <>
+        <span>You have no tokens to delegate.</span>
+      </>
+    );
+  }
+
   return (
     <CurrentDelegationContainer data-testid="current-delegation">
       {text}
@@ -423,6 +434,9 @@ const ChooseYourDelegate = () => {
   const [renderKey, setRenderKey] = useState(0);
   const [search, setSearch] = useState("");
 
+  const simpleBalance =
+    !balanceLoading && balance ? Number(utils.formatEther(balance)) : 0;
+
   return (
     <WrappedNarrowColumn>
       {!transactionDone && (
@@ -489,7 +503,7 @@ const ChooseYourDelegate = () => {
             {address ? (
               <WrappedCTAButton
                 text={"Enter ENS or address"}
-                type={"deny"}
+                type={simpleBalance === 0 ? "disabled" : "deny"}
                 onClick={() => {
                   if (address) {
                     history.push("/manual-delegates-no-claim");
@@ -531,7 +545,10 @@ const ChooseYourDelegate = () => {
         {delegatesLoading ? (
           <Loader center large />
         ) : (
-          <DelegatesContainer data-testid="delegates-list-container">
+          <DelegatesContainer
+            data-testid="delegates-list-container"
+            balance={simpleBalance}
+          >
             {delegates.map((d) => (
               <DelegateBox
                 {...d}