Bugs fix

apps/potlock/widget/ModalDonation/Form.jsx

@@ -7,10 +7,11 @@ const { AmountInput } = VM.require(`potlock.near/widget/ModalDonation.AmountInpu
   AmountInput: () => {},
 };
 const { Checks } = VM.require(`potlock.near/widget/ModalDonation.Checks`) || {
-  CheckBox: () => {},
+  Checks: () => {},
 };
 const { Nadabot, Alert } = VM.require(`potlock.near/widget/ModalDonation.Banners`) || {
-  CheckBox: () => {},
+  Nadabot: () => {},
+  Alert: () => {},
 };
 
 const PotSDK = VM.require("potlock.near/widget/SDK.pot") || {

apps/potlock/widget/ModalDonation/FormPot.jsx

@@ -6,7 +6,7 @@ const { ownerId, NADABOT_HUMAN_METHOD } = VM.require("potlock.near/widget/consta
 const { nearToUsd } = VM.require("potlock.near/widget/utils");
 
 const { Checks } = VM.require(`potlock.near/widget/ModalDonation.Checks`) || {
-  CheckBox: () => {},
+  Checks: () => {},
 };
 
 const { AmountInput } = VM.require(`potlock.near/widget/ModalDonation.AmountInput`) || {
@@ -18,7 +18,7 @@ const { _address } = VM.require(`potlock.near/widget/Components.DonorsUtils`) ||
 };
 
 const { Alert } = VM.require(`potlock.near/widget/ModalDonation.Banners`) || {
-  CheckBox: () => {},
+  Alert: () => {},
 };
 
 const Form = styled.div`

apps/potlock/widget/Pots/Card.jsx

@@ -131,6 +131,7 @@ const applicationNotStarted = now < application_start_ms;
 const applicationOpen = now >= application_start_ms && now < application_end_ms;
 const publicRoundNotStarted = now < public_round_start_ms;
 const publicRoundOpen = now >= public_round_start_ms && now < public_round_end_ms;
+const cooldownPending = public_round_end_ms && now >= public_round_end_ms && !cooldown_end_ms;
 const cooldownOpen = now >= public_round_end_ms && now < cooldown_end_ms;
 const payoutsPending = cooldown_end_ms && now >= cooldown_end_ms && !all_paid_out;
 const payoutsCompleted = all_paid_out;
@@ -166,6 +167,20 @@ const tags = [
     },
     visibility: publicRoundOpen,
   },
+  /* Cooldown pending tag */
+  {
+    backgroundColor: "#F5F3FF",
+    borderColor: "#A68AFB",
+    textColor: "#2E0F66",
+    text: "Cooldown pending",
+    textStyle: { fontWeight: 500, marginLeft: "8px" },
+    preElementsProps: {
+      colorOuter: "#EDE9FE",
+      colorInner: "#A68AFB",
+      animate: true,
+    },
+    visibility: cooldownPending,
+  },
   /* Matching round cooldown tag */
   {
     backgroundColor: "#F5F3FF",

apps/potlock/widget/Pots/HeaderStatus.jsx

@@ -14,6 +14,7 @@ const {
   cooldown_end_ms,
   all_paid_out,
 } = potDetail;
+console.log(potDetail);
 
 const now = Date.now();
 
@@ -233,7 +234,8 @@ return (
               <ProgressBar progress={progress} started={started} completed={completed} />
               <div>
                 {label}
-                {started && !completed && (
+                {!daysLeft && started && <span>pending </span>}
+                {started && !completed && daysLeft && (
                   <span>
                     ends in
                     <Widget

apps/potlock/widget/Pots/Payouts.jsx

@@ -127,6 +127,7 @@ const MobileAmount = styled.div`
     font-weight: 600;
   }
   @media screen and (max-width: 768px) {
+    order: 2;
     display: block;
   }
 `;
@@ -151,10 +152,10 @@ const Row = styled.div`
     opacity: 0;
     display: none;
   }
-  .toggle-check:checked + svg {
+  .toggle-check:checked ~ svg {
     rotate: 0deg;
   }
-  .toggle-check:checked + svg + ${MobileAmount} {
+  .toggle-check:checked + ${MobileAmount} {
     max-height: 100px;
   }
   @media screen and (max-width: 768px) {
@@ -212,8 +213,14 @@ const RowText = styled.div`
     color: #7b7b7b;
     font-weight: 600;
     display: none;
-    @media screen and (max-width: 768px) {
-      display: inline-block;
+  }
+  @media screen and (max-width: 768px) {
+    span {
+      display: inline;
+    }
+    &:last-of-type {
+      display: flex;
+      gap: 4px;
     }
   }
 `;
@@ -353,7 +360,7 @@ const searchPayouts = (searchTerm) => {
   return filteredPayouts;
 };
 
-const MAX_ACCOUNT_ID_DISPLAY_LENGTH = 20;
+const MAX_ACCOUNT_ID_DISPLAY_LENGTH = 10;
 
 const ProfileImage = ({ projectId }) => (
   <Widget
@@ -459,13 +466,10 @@ return (
                 </a>
               </RowItem>
               {/* Total Raised */}
-              <RowItem>
-                <RowText>
-                  {yoctosToNear(matchingAmount, true)} <span>Allocated</span>{" "}
-                </RowText>
+              <RowItem className="amount">
+                <RowText>{yoctosToNear(totalAmount, true)}</RowText>
               </RowItem>
               <input type="checkbox" className="toggle-check" />
-              <ArrowDown />
               <MobileAmount>
                 <span>{yoctosToNear(totalAmount, true)}</span> raised from
                 <span>{donorCount}</span> unique donors
@@ -475,9 +479,12 @@ return (
                 <RowText>{donorCount}</RowText>
               </RowItem>
               {/* Matching Pool Allocation */}
-              <RowItem className="amount">
-                <RowText>{yoctosToNear(matchingAmount, true)}</RowText>
+              <RowItem>
+                <RowText>
+                  {yoctosToNear(matchingAmount, true)} <span>Allocated</span>
+                </RowText>
               </RowItem>
+              <ArrowDown />
             </Row>
           );
         })

apps/potlock/widget/Project/Detail.jsx

@@ -104,10 +104,16 @@ const BannerSkeleton = () => (
   </SkeletonContainer>
 );
 
-if (registration === null) return <BannerSkeleton />;
-if (registration == undefined) {
-  return <div style={{ marginTop: "1rem", fontSize: "1.5rem" }}>Project not found</div>;
-}
+const account = fetch("https://api3.nearblocks.io/v1/account/" + projectId);
+
+if (registration === null || account === null) return <BannerSkeleton />;
+
+const isObjectNotEmpty = (obj) => Object.keys(obj).length > 0;
+
+const addressExist = account?.body?.account[0];
+
+if (!isObjectNotEmpty(addressExist || {}) && !registration)
+  return <div style={{ marginTop: "1rem", fontSize: "1.5rem" }}>Account does not exist.</div>;
 
 const [directDonations, setDirectDonations] = useState(null);
 // mapping of pot IDs to array of Round Matching Donations for the project

apps/potlock/widget/Project/ExternalFunding.jsx

@@ -58,6 +58,17 @@ const Container = styled.div`
           justify-content: right;
         }
       }
+      .investor {
+        display: flex;
+        flex-direction: column;
+        div:first-of-type {
+          font-weight: 600;
+        }
+      }
+      .mobile-date {
+        display: none;
+        color: #7b7b7b;
+      }
       .amount {
         font-weight: 600;
         display: flex;
@@ -87,8 +98,14 @@ const Container = styled.div`
       }
       @media screen and (max-width: 920px) {
         gap: 8px;
+        div {
+          max-width: initial;
+        }
         .date {
-          order: 2;
+          display: none;
+        }
+        .mobile-date {
+          display: block;
         }
         .description {
           flex-basis: 100%;
@@ -109,7 +126,7 @@ const Container = styled.div`
         .toggle-check:checked + .description {
           max-height: 200px;
         }
-        .toggle-check:checked + .description + .amount svg {
+        .toggle-check:checked ~ div svg {
           rotate: 0deg;
         }
       }
@@ -179,7 +196,10 @@ return (
       </div>
       {externalFunding.map(({ investorName, description, date, amountReceived, denomination }) => (
         <div className="funding-row">
-          <div style={{ fontWeight: 600 }}>{investorName}</div>
+          <div className="investor">
+            <div>{investorName}</div>
+            {date && <div className="date-mobile">{date}</div>}
+          </div>
           <input type="checkbox" className="toggle-check" />
           <div className="description">{description}</div>
           <div className="date">{date ?? "No specified date"}</div>

apps/potlock/widget/Project/ProjectBanner.jsx

@@ -27,8 +27,14 @@ const statuses = {
     textColor: "#F6F5F3",
     toggleColor: "#C7C7C7",
   },
+  Unregistered: {
+    background: "#DD3345",
+    text: "UNREGISTERED: This account has not registered as a public good",
+    textColor: "#F6F5F3",
+    toggleColor: "#C7C7C7",
+  },
 };
-const registrationStatus = statuses[registration.status];
+const registrationStatus = registration ? statuses[registration.status] : statuses.Unregistered;
 
 const Banner = styled.div`
   width: 100%;