Migrate to Lens v3

heyxyz · Dec 21, 2024 · 8b40145 · 8b40145
1 parent 9552f1b
commit 8b40145
Show file tree

Hide file tree

Showing 4 changed files with 14 additions and 48 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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>
     </>
   );