From 8b401458fad97ba31a04471b9ce4e656ec2a15de Mon Sep 17 00:00:00 2001
From: Yoginth <hey@yoginth.com>
Date: Sat, 21 Dec 2024 12:23:34 +0530
Subject: [PATCH] Migrate to Lens v3

---
 apps/web/src/components/Group/index.tsx       |  2 +-
 .../Shared/Group/JoinLeaveButton.tsx          |  6 +--
 .../src/components/Shared/Modal/Members.tsx   | 12 ++++--
 .../Overview/Tool/AccountOverview.tsx         | 42 +------------------
 4 files changed, 14 insertions(+), 48 deletions(-)

diff --git a/apps/web/src/components/Group/index.tsx b/apps/web/src/components/Group/index.tsx
index 806af76339ad..104baf28cf49 100644
--- a/apps/web/src/components/Group/index.tsx
+++ b/apps/web/src/components/Group/index.tsx
@@ -61,7 +61,7 @@ const ViewGroup: NextPage = () => {
           <Details group={group} stats={stats} />
         </GridItemFour>
         <GridItemEight className="space-y-5">
-          {currentAccount && group.isMember && <NewPost />}
+          {currentAccount && group.operations?.isMember && <NewPost />}
           <GroupFeed address={group.address} />
         </GridItemEight>
       </GridLayout>
diff --git a/apps/web/src/components/Shared/Group/JoinLeaveButton.tsx b/apps/web/src/components/Shared/Group/JoinLeaveButton.tsx
index b9b93a02ea2d..63222b562ca2 100644
--- a/apps/web/src/components/Shared/Group/JoinLeaveButton.tsx
+++ b/apps/web/src/components/Shared/Group/JoinLeaveButton.tsx
@@ -13,11 +13,11 @@ const JoinLeaveButton: FC<JoinLeaveButtonProps> = ({
   group,
   small = false
 }) => {
-  const [joined, setJoined] = useState(group.isMember);
+  const [joined, setJoined] = useState(group.operations?.isMember);
 
   useEffect(() => {
-    setJoined(group.isMember);
-  }, [group.isMember]);
+    setJoined(group.operations?.isMember);
+  }, [group.operations?.isMember]);
 
   return joined ? (
     <Leave address={group.address} setJoined={setJoined} small={small} />
diff --git a/apps/web/src/components/Shared/Modal/Members.tsx b/apps/web/src/components/Shared/Modal/Members.tsx
index feea258d861b..96b2e918dfc3 100644
--- a/apps/web/src/components/Shared/Modal/Members.tsx
+++ b/apps/web/src/components/Shared/Modal/Members.tsx
@@ -68,15 +68,19 @@ const Members: FC<MembersProps> = ({ address }) => {
   return (
     <Virtuoso
       className="virtual-account-list"
-      computeItemKey={(index, member) => `${member.address}-${index}`}
+      computeItemKey={(index, member) => `${member.account.address}-${index}`}
       data={groupMembers}
       endReached={onEndReached}
       itemContent={(_, member) => (
         <div className="p-5">
           <SingleAccount
-            hideFollowButton={currentAccount?.address === member.address}
-            hideUnfollowButton={currentAccount?.address === member.address}
-            account={member as Account}
+            hideFollowButton={
+              currentAccount?.address === member.account.address
+            }
+            hideUnfollowButton={
+              currentAccount?.address === member.account.address
+            }
+            account={member.account as Account}
             showBio
             showUserPreview={false}
           />
diff --git a/apps/web/src/components/Staff/Accounts/Overview/Tool/AccountOverview.tsx b/apps/web/src/components/Staff/Accounts/Overview/Tool/AccountOverview.tsx
index 39e518ce7968..1af9bb91762f 100644
--- a/apps/web/src/components/Staff/Accounts/Overview/Tool/AccountOverview.tsx
+++ b/apps/web/src/components/Staff/Accounts/Overview/Tool/AccountOverview.tsx
@@ -1,15 +1,6 @@
 import MetaDetails from "@components/Shared/MetaDetails";
-import {
-  BanknotesIcon,
-  HandRaisedIcon,
-  HashtagIcon,
-  PhotoIcon
-} from "@heroicons/react/24/outline";
-import {
-  CheckCircleIcon,
-  ShieldCheckIcon,
-  XCircleIcon
-} from "@heroicons/react/24/solid";
+import { BanknotesIcon, HashtagIcon } from "@heroicons/react/24/outline";
+import { ShieldCheckIcon } from "@heroicons/react/24/solid";
 import formatAddress from "@hey/helpers/formatAddress";
 import type { Account } from "@hey/indexer";
 import { H5 } from "@hey/ui";
@@ -42,35 +33,6 @@ const AccountOverview: FC<AccountOverviewProps> = ({ account }) => {
         >
           {formatAddress(account.owner)}
         </MetaDetails>
-        {account?.followNftAddress ? (
-          <MetaDetails
-            icon={<PhotoIcon className="ld-text-gray-500 size-4" />}
-            title="NFT address"
-            value={account.followNftAddress.address}
-          >
-            {formatAddress(account.followNftAddress.address)}
-          </MetaDetails>
-        ) : null}
-        <MetaDetails
-          icon={<HandRaisedIcon className="ld-text-gray-500 size-4" />}
-          title="Has Lens Manager"
-        >
-          {account.signless ? (
-            <CheckCircleIcon className="size-4 text-green-500" />
-          ) : (
-            <XCircleIcon className="size-4 text-red-500" />
-          )}
-        </MetaDetails>
-        <MetaDetails
-          icon={<HandRaisedIcon className="ld-text-gray-500 size-4" />}
-          title="Gas sponsored"
-        >
-          {account.sponsor ? (
-            <CheckCircleIcon className="size-4 text-green-500" />
-          ) : (
-            <XCircleIcon className="size-4 text-red-500" />
-          )}
-        </MetaDetails>
       </div>
     </>
   );