REFACTOR: move to useMutation for update channel notification API

src/modules/AccountSettings/SettingNotif/SettingTelegram.tsx

@@ -22,14 +22,12 @@ import {
 } from '@/components/ui/form'
 import { Input } from '@/components/ui/input'
 import { useToast } from '@/components/ui/use-toast'
-import {
-  getCheckChatId,
-  patchUpdateChannelNotif,
-  postAddNewChannelNotif,
-} from '@/lib/api'
+import { getCheckChatId, postAddNewChannelNotif } from '@/lib/api'
 import { trackEvent } from '@/lib/firebase'
 import { NotifChannel, UserProfile } from '@/lib/types'
 
+import { usePatchUpdateChannelNotif } from '../hooks/usePatchUpdateChannelNotif'
+
 const schema = object({
   username: string('Username perlu disi terlebih dahulu.', [
     minLength(2, 'Username butuh paling tidak 2 karakter.'),
@@ -56,6 +54,7 @@ export default function SettingTelegram({
 }) {
   const { toast } = useToast()
   const [isSubmitting, setIsSubmitting] = useState<boolean>(false)
+  const { mutate: mutateUpdateChannelNotif } = usePatchUpdateChannelNotif()
 
   const form = useForm<FormValues>({
     resolver: valibotResolver(schema),
@@ -74,15 +73,14 @@ export default function SettingTelegram({
       try {
         if (existing && existing.length > 0) {
           // patch
-          await patchUpdateChannelNotif(user, {
-            uid: user?.uid,
-            slug: owner?.slug || '',
-            telegram_chat_id: data?.chatId || '',
-            telegram_username: data?.username,
-          })
-          toast({
-            title: 'Perubahan berhasil disimpan',
-            description: `Berhasil menyimpan perubahan setelan notifikasi ke Telegram!`,
+          mutateUpdateChannelNotif({
+            user,
+            param: {
+              uid: user?.uid,
+              slug: owner?.slug || '',
+              telegram_chat_id: data?.chatId || '',
+              telegram_username: data?.username,
+            },
           })
         } else {
           // create

src/modules/AccountSettings/hooks/usePatchUpdateChannelNotif.ts

@@ -0,0 +1,19 @@
+import { useMutation } from '@tanstack/react-query'
+import { User } from 'firebase/auth'
+
+import { toast } from '@/components/ui/use-toast'
+import { patchUpdateChannelNotif } from '@/lib/api'
+import { CreateNotifChannelArgs } from '@/lib/types'
+
+export const usePatchUpdateChannelNotif = () => {
+  return useMutation({
+    mutationFn: (body: { user: User; param: CreateNotifChannelArgs }) =>
+      patchUpdateChannelNotif(body.user, body.param),
+    onSuccess: () => {
+      toast({
+        title: 'Perubahan berhasil disimpan',
+        description: `Berhasil menyimpan perubahan notifikasi ke Telegram!`,
+      })
+    },
+  })
+}