refactor(app): use new way for profile HTTP requests

Author: ourai

src/app/profile/page.js

@@ -27,10 +27,10 @@ import Switch from '@/components/Switch';
 import { BASE_INPUT_STYLE } from '@/constants/config';
 import { classNames } from '@/utils';
 
+import { updateUser } from '#/domain/profile/repository';
 import SocialSettingsFormView from '#/domain/profile/views/social-settings-form';
 import { ProfileTitle, ProfileLabel } from '#/domain/profile/widgets/blocks';
 import { upload } from '#/services/common';
-import { postUserInfo } from '#/services/user';
 import { useUser } from '#/state/application/hooks';
 import { useConfig } from '#/state/application/hooks';
 
@@ -149,7 +149,7 @@ export default function Profile() {
     ) {
       setFromError(true);
     } else {
-      const res = await postUserInfo({
+      const res = await updateUser({
         user_avatar: forms.avatar,
         user_bio: forms.bio,
         user_city: forms.city,
@@ -170,12 +170,10 @@ export default function Profile() {
         user_show_email: forms.emailVisible,
         user_show_github: forms.githubVisible,
       });
-      if (res.code === 200) {
+      if (res.success) {
         toast.success('Saved successfully');
         setShowSave(false);
         // doFetch()
-      } else {
-        toast.error(res.message);
       }
     }
   };

src/app/u/[handle]/Banner.js

@@ -23,8 +23,8 @@ import { toast } from 'react-toastify';
 import Image from '@/components/Image';
 
 import { revalidatePathAction } from '#/app/actions';
+import { updateBanner } from '#/domain/profile/repository';
 import { upload } from '#/services/common';
-import { changeBanner } from '#/services/user';
 import { useUser } from '#/state/application/hooks';
 
 export function Banner({data}) {
@@ -47,7 +47,7 @@ export function Banner({data}) {
       setLoading(true);
       upload({ file: formData })
         .then(async res => {
-          await changeBanner(res.data.user_upload_path);
+          await updateBanner(res.data.user_upload_path);
           setLoading(false);
           revalidatePathAction();
         })

src/app/u/[handle]/[follow]/page.js

@@ -19,7 +19,6 @@
 import { useSession } from 'next-auth/react';
 import { usePathname, useRouter } from 'next/navigation';
 import { useState, useCallback, useEffect } from 'react';
-import { toast } from 'react-toastify';
 
 import Avatar from '@/components/Avatar';
 import { Button } from '@/components/Button';
@@ -77,8 +76,6 @@ export default function Follow({ params }) {
         const _prevList = [...list];
         _prevList[index].mutual = type;
         setList(_prevList);
-      } else {
-        toast.error(res.message);
       }
     }
   };
@@ -94,8 +91,6 @@ export default function Follow({ params }) {
         const _prevList = [...list];
         _prevList[index].mutual = type;
         setList(_prevList);
-      } else {
-        toast.error(res.message);
       }
     }
   };

src/domain/profile/repository.js

@@ -17,6 +17,12 @@
 import { unwrapBlockData, wrapBlockData } from '@/components/block-editor/helper';
 import httpClient from '@/utils/http';
 
+async function fetchWeb3BioProfile(address) {
+  return httpClient.get(`https://api.web3.bio/profile/${address}`, {
+    headers: { 'X-API-KEY': process.env.NEXT_PUBLIC_WEB3BIO },
+  });
+}
+
 async function fetchUser(handle) {
   const res = await httpClient.get(`/user/info/handle/${handle}`);
 
@@ -27,16 +33,17 @@ async function fetchUser(handle) {
   const { data, ...others } = res;
 
   if (data?.social.user_wallet && data?.base.user_show_wallet) {
-    data.web3Bio = await httpClient.get(`https://api.web3.bio/profile/${data?.social.user_wallet}`, {
-      headers: {
-        'X-API-KEY': process.env.NEXT_PUBLIC_WEB3BIO,
-      },
-    });
+    const { data: web3BioProfile } = await fetchWeb3BioProfile(data?.social.user_wallet);
+    data.web3Bio = web3BioProfile;
   }
 
   return { ...others, data, success: true };
 }
 
+async function updateUser(data) {
+  return httpClient.post('/user/info', data);
+}
+
 async function fetchUserActivityList(uid) {
   return httpClient.get(`/user/info/${uid}/creator/activity`);
 }
@@ -70,6 +77,10 @@ async function unfollowUser(uid) {
   return httpClient.post(`/user/follow/${uid}/del`);
 }
 
+async function updateBanner(url) {
+  return httpClient.post('/user/info/banner', { background_image: url });
+}
+
 async function fetchBlockContent(uid) {
   return httpClient.get('/user/devplaza', { params: { uid } }).then(res => res.success ? ({
     ...res,
@@ -82,7 +93,8 @@ async function updateBlockContent(data) {
 }
 
 export {
-  fetchUser, fetchUserActivityList,
+  fetchUser, updateUser, fetchUserActivityList,
   fetchFollowerList, fetchFollowedList, followUser, unfollowUser,
+  updateBanner,
   fetchBlockContent, updateBlockContent,
 };