Merge pull request #34 from tonalty/refactored-referral-link-flow

Refactored referral link flow
tonalty · Jul 8, 2024 · 12bbd61 · 12bbd61
2 parents dee6ff5 + 6c9b106
commit 12bbd61
Show file tree

Hide file tree

Showing 3 changed files with 73 additions and 2 deletions.
diff --git a/src/api/mutations.ts b/src/api/mutations.ts
@@ -1,4 +1,4 @@
-import { useMutation, useQueryClient } from '@tanstack/react-query';
+import { useMutation } from '@tanstack/react-query';
 
 import { CreatedTempImage } from '@/interfaces/CreatedTempImage';
 import { apiClient } from './apiClient';
@@ -108,3 +108,18 @@ export function useDeleteReward() {
       ).data
   });
 }
+
+export function useReferralJoin() {
+  return useMutation({
+    mutationKey: [],
+    mutationFn: async (
+      body: paths['/backend/referrals/join']['post']['requestBody']['content']['application/json']
+    ) =>
+      (
+        await apiClient.POST('/backend/referrals/join', {
+          params: { header: { tmaInitData: '' } },
+          body
+        })
+      ).data as unknown as void
+  });
+}
diff --git a/src/api/schema.d.ts b/src/api/schema.d.ts
@@ -212,6 +212,22 @@ export interface paths {
         patch?: never;
         trace?: never;
     };
+    "/backend/referrals/join": {
+        parameters: {
+            query?: never;
+            header?: never;
+            path?: never;
+            cookie?: never;
+        };
+        get?: never;
+        put?: never;
+        post: operations["ReferralsController_joinUserByReferralLink"];
+        delete?: never;
+        options?: never;
+        head?: never;
+        patch?: never;
+        trace?: never;
+    };
     "/backend/history/chat/{chatId}": {
         parameters: {
             query?: never;
@@ -679,6 +695,33 @@ export interface operations {
             };
         };
     };
+    ReferralsController_joinUserByReferralLink: {
+        parameters: {
+            query?: never;
+            header: {
+                tmaInitData: string;
+            };
+            path?: never;
+            cookie?: never;
+        };
+        requestBody: {
+            content: {
+                "application/json": {
+                    chatId?: number;
+                    ownerId?: number;
+                    title?: string;
+                };
+            };
+        };
+        responses: {
+            201: {
+                headers: {
+                    [name: string]: unknown;
+                };
+                content?: never;
+            };
+        };
+    };
     HistoryController_getUserHistory: {
         parameters: {
             query: {

diff --git a/src/pages/Join.tsx b/src/pages/Join.tsx
@@ -4,6 +4,7 @@ import { Button, Title } from '@telegram-apps/telegram-ui';
 import { MiniApp, useMiniApp, useUtils, Utils } from '@tma.js/sdk-react';
 import styled from 'styled-components';
 
+import { useReferralJoin } from '@/api/mutations';
 import { useCurrentUser } from '@/api/queries';
 import { AvatarJoinIcon } from '@/icons/AvatarJoinIcon';
 import { GroupIcon } from '@/icons/GroupIcon';
@@ -33,8 +34,20 @@ export const Join: FC<{ linkOwner: LinkOwner }> = ({ linkOwner }) => {
   }
 
   const { data: currentUser, isLoading } = useCurrentUser();
+  const { mutateAsync: joinReferral } = useReferralJoin();
+
+  const handleJoin = async () => {
+    try {
+      await joinReferral({
+        chatId: Number(linkOwner.chatId),
+        ownerId: linkOwner.ownerId,
+        title: linkOwner.title
+      });
+    } catch (error) {
+      console.error(error);
+      throw new Error(`${error}`);
+    }
 
-  const handleJoin = () => {
     if (utils) {
       utils.openTelegramLink(linkOwner.telegramInviteLink);
     } else {