feat(wip): connect invite apis

showtime-xyz · Oct 30, 2023 · 4a91b8e · 4a91b8e
1 parent 224dcb7
commit 4a91b8e
Show file tree

Hide file tree

Showing 4 changed files with 79 additions and 35 deletions.
diff --git a/packages/app/components/creator-token/hooks/use-invite-creator-token.ts b/packages/app/components/creator-token/hooks/use-invite-creator-token.ts
@@ -0,0 +1,43 @@
+import useSWR from "swr";
+
+import { fetcher } from "app/hooks/use-infinite-list-query";
+
+export type AvailableCreatorTokensInviteCodes = {
+  code: string;
+}[];
+
+export type RedeemedCreatorTokensInviteCodes = {
+  invitee: {
+    username: string;
+    id: number;
+  };
+  redeemed_at: string;
+}[];
+
+export const useAvailableCreatorTokensInvites = () => {
+  const queryState = useSWR<AvailableCreatorTokensInviteCodes>(
+    "/v1/creator-token/invitations/available?limit=3&page=1",
+    fetcher,
+    {
+      focusThrottleInterval: 5000,
+      dedupingInterval: 5000,
+      revalidateIfStale: false,
+    }
+  );
+
+  return queryState;
+};
+
+export const useRedeemedCreatorTokensInvites = () => {
+  const queryState = useSWR<AvailableCreatorTokensInviteCodes>(
+    "/v1/creator-token/invitations/redeemed?limit=10&page=1",
+    fetcher,
+    {
+      focusThrottleInterval: 5000,
+      dedupingInterval: 5000,
+      revalidateIfStale: false,
+    }
+  );
+
+  return queryState;
+};
diff --git a/packages/app/components/creator-token/invite-creator-token.tsx b/packages/app/components/creator-token/invite-creator-token.tsx
@@ -18,6 +18,7 @@ import { View } from "@showtime-xyz/universal.view";
 import { toast } from "design-system/toast";
 
 import InviteCreatorTokenHeader from "./assets/invite";
+import { useAvailableCreatorTokensInvites } from "./hooks/use-invite-creator-token";
 
 const data = [
   {
@@ -129,6 +130,10 @@ const InviteCreatorTokenClaimedItem = ({
 
 export const InviteCreatorToken = () => {
   const { top, bottom } = useSafeAreaInsets();
+  const { data } = useAvailableCreatorTokensInvites();
+
+  if (!data) return null;
+
   return (
     <ScrollView
       contentContainerStyle={{

diff --git a/packages/app/components/profile/profile.tsx b/packages/app/components/profile/profile.tsx
@@ -258,7 +258,7 @@ const Profile = ({ username }: ProfileScreenProps) => {
               withBackground
               user={profileData?.data?.profile}
             />
-            {/* {isSelf && (
+            {isSelf && (
               <Pressable
                 tw={[
                   "ml-2 w-8 items-center justify-center rounded-full bg-black/60",
@@ -271,7 +271,7 @@ const Profile = ({ username }: ProfileScreenProps) => {
                 <ButtonGoldLinearGradient />
                 <GiftSolid width={26} height={26} color={colors.gray[900]} />
               </Pressable>
-            )} */}
+            )}
 
             <Button
               tw="ml-2"

diff --git a/packages/app/components/profile/profile.web.tsx b/packages/app/components/profile/profile.web.tsx
@@ -247,37 +247,33 @@ const Profile = ({ username }: ProfileScreenProps) => {
                   tw="overflow-hidden rounded-b-3xl"
                   uri={getFullSizeCover(profileData?.data?.profile)}
                 />
-                {/* <Pressable
-                    tw={[
-                      "absolute right-5 top-2 ml-2 h-8 w-8 items-center justify-center rounded-full bg-black/60",
-                    ]}
-                    onPress={() => {
-                      const as = "/creator-token/invite-creator-token";
-                      router.push(
-                        Platform.select({
-                          native: as,
-                          web: {
-                            pathname: router.pathname,
-                            query: {
-                              ...router.query,
-                              inviteCreatorTokenModal: true,
-                            },
-                          } as any,
-                        }),
-                        Platform.select({ native: as, web: router.asPath }),
-                        {
-                          shallow: true,
-                        }
-                      );
-                    }}
-                  >
-                    <ButtonGoldLinearGradient />
-                    <GiftSolid
-                      width={26}
-                      height={26}
-                      color={colors.gray[900]}
-                    />
-                  </Pressable> */}
+                <Pressable
+                  tw={[
+                    "absolute right-5 top-2 ml-2 h-8 w-8 items-center justify-center rounded-full bg-black/60",
+                  ]}
+                  onPress={() => {
+                    const as = "/creator-token/invite-creator-token";
+                    router.push(
+                      Platform.select({
+                        native: as,
+                        web: {
+                          pathname: router.pathname,
+                          query: {
+                            ...router.query,
+                            inviteCreatorTokenModal: true,
+                          },
+                        } as any,
+                      }),
+                      Platform.select({ native: as, web: router.asPath }),
+                      {
+                        shallow: true,
+                      }
+                    );
+                  }}
+                >
+                  <ButtonGoldLinearGradient />
+                  <GiftSolid width={26} height={26} color={colors.gray[900]} />
+                </Pressable>
               </>
             ) : null}
             <View tw="w-full flex-row">
@@ -353,7 +349,7 @@ const Profile = ({ username }: ProfileScreenProps) => {
         {isSelf ? (
           <View tw={["fixed right-4 top-2 z-50 flex flex-row md:hidden"]}>
             <HeaderRightSm withBackground />
-            {/* <Pressable
+            <Pressable
               tw={[
                 "ml-2 h-8 w-8 items-center justify-center rounded-full bg-black/60",
               ]}
@@ -379,7 +375,7 @@ const Profile = ({ username }: ProfileScreenProps) => {
             >
               <ButtonGoldLinearGradient />
               <GiftSolid width={26} height={26} color={colors.gray[900]} />
-            </Pressable> */}
+            </Pressable>
           </View>
         ) : (
           <View tw={["fixed left-4 top-2 z-50 flex md:hidden"]}>