- rewrote with react-query

tonalty · Jul 8, 2024 · 6c9b106 · 6c9b106
1 parent 55b58c5
commit 6c9b106
Show file tree

Hide file tree

Showing 3 changed files with 32 additions and 16 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
@@ -704,7 +704,15 @@ export interface operations {
             path?: never;
             cookie?: never;
         };
-        requestBody?: never;
+        requestBody: {
+            content: {
+                "application/json": {
+                    chatId?: number;
+                    ownerId?: number;
+                    title?: string;
+                };
+            };
+        };
         responses: {
             201: {
                 headers: {

diff --git a/src/pages/Join.tsx b/src/pages/Join.tsx
@@ -2,9 +2,9 @@ import { FC } from 'react';
 import { Typography } from '@mui/material';
 import { Button, Title } from '@telegram-apps/telegram-ui';
 import { MiniApp, useMiniApp, useUtils, Utils } from '@tma.js/sdk-react';
-import axios from 'axios';
 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,23 +33,16 @@ export const Join: FC<{ linkOwner: LinkOwner }> = ({ linkOwner }) => {
     /* ignore */
   }
 
-  console.log('linkOwner', linkOwner);
-
   const { data: currentUser, isLoading } = useCurrentUser();
+  const { mutateAsync: joinReferral } = useReferralJoin();
 
   const handleJoin = async () => {
     try {
-      await axios.post(
-        `${import.meta.env.VITE_BACKEND_URL}/backend/referrals/join`,
-        {
-          chatId: Number(linkOwner.chatId),
-          ownerId: linkOwner.ownerId,
-          title: linkOwner.title
-        },
-        {
-          headers: { tmaInitData: window.Telegram.WebApp.initData }
-        }
-      );
+      await joinReferral({
+        chatId: Number(linkOwner.chatId),
+        ownerId: linkOwner.ownerId,
+        title: linkOwner.title
+      });
     } catch (error) {
       console.error(error);
       throw new Error(`${error}`);