Add verified human checkmark (#212)

* Add verified human checkmark

* Move to own component and add to User component

* fmt

* fix fomatting

apps/builddao/widget/components/User.jsx

@@ -91,6 +91,13 @@ return (
               props={{ isPremium, accountId }}
             />
           </div>
+          <Widget
+            loading=""
+            src="buildhub.near/widget/components.VerifiedHuman"
+            props={{
+              accountId: accountId,
+            }}
+          />
         </div>
         <p className="username">{accountId}</p>
       </Wrapper>

apps/builddao/widget/components/VerifiedHuman.jsx

@@ -0,0 +1,32 @@
+const accountId = props.accountId;
+
+if (!accountId) {
+  return "";
+}
+
+Near.asyncView("v1.nadabot.near", "is_human", { account_id: accountId }).then(
+  (result) => {
+    State.update({ human: result });
+  },
+);
+
+const VerifiedHuman = state.human ? (
+  <span style={{ verticalAlign: center }}>
+    <span className="ms-1 text-primary">
+      <i className="bi bi-check-circle-fill"></i>
+    </span>
+  </span>
+) : (
+  ""
+);
+
+return (
+  <Widget
+    loading={VerifiedHuman}
+    src="mob.near/widget/N.Common.OverlayTrigger"
+    props={{
+      popup: <div>Verified Human!</div>,
+      children: VerifiedHuman,
+    }}
+  />
+);

apps/builddao/widget/components/modals/DeletePost.jsx

@@ -19,7 +19,7 @@ const handleDelete = () => {
 };
 
 return (
-<>
+  <>
     <div className="mb-3">
       <p className="mb-1">Are you sure you want to delete this post?</p>
       <small>

apps/builddao/widget/components/post/Header.jsx

@@ -99,7 +99,7 @@ const customActions = props.customActions ?? [];
 const showTime = props.showTime ?? true;
 const modalToggles = props.modalToggles;
 const setItem = props.setItem;
-const content = props.content; 
+const content = props.content;
 
 const { href } = VM.require("buildhub.near/widget/lib.url") || {
   href: () => {},
@@ -184,6 +184,13 @@ const MemoizedOverlay = useMemo(
                 props={{ isPremium, accountId }}
               />
             </div>
+            <Widget
+              loading=""
+              src="buildhub.near/widget/components.VerifiedHuman"
+              props={{
+                accountId: accountId,
+              }}
+            />
           </div>
           <p className="username">{accountId}</p>
           {showTime && (
@@ -211,7 +218,7 @@ const MemoizedOverlay = useMemo(
       </div>
     </Overlay>
   ),
-  [props.variant, accountId, name, isPremium, blockHeight, link, pinned]
+  [props.variant, accountId, name, isPremium, blockHeight, link, pinned],
 );
 
 const [showModal, setShowModal] = useState(false);