@funhub/platform 0.1.126 → 0.1.130

package/dist/components/pages/search/search-result/search-all.mjs

@@ -1,2 +1,224 @@
 
-"use client";import e from"../../../../utils/event-bus.mjs";import{gContentGetRecommendVideoList as t}from"../../../../service/generated/client.mjs";import{Box as n}from"../../../ui/box.mjs";import{List as r}from"../../../ui/list.mjs";import{usePaginated as i,useRefetchQuery as a,useRequest as o,useUpdateRequest as s}from"../../../../hooks/query/use-query.mjs";import{eventKey as c}from"../../../../constants/event-key.mjs";import{UserActivityList as l}from"../../../common/list/user-activity-list/user-activity-list.mjs";import{UserList as u}from"./search-user.mjs";import{mapRecommendContentToUserActivityItem as d}from"../search-utils.mjs";import{VideoList as f}from"./search-video-info.mjs";import{useCallback as p,useMemo as m}from"react";import{Fragment as h,jsx as g,jsxs as _}from"react/jsx-runtime";import{useTranslations as v}from"next-intl";function y({inputVal:y}){let b=v(`components.pages.search.searchResult`),{data:x=[]}=o([`searchByKeyForAll`,y,3],async()=>(await t({data_type:2,extra_params:JSON.stringify({type:3,keywords:y}),page:1,page_size:5})).data.videos?.list),S=[`searchByKeyForAll`,y,4],{data:C=[]}=o(S,async()=>(await t({data_type:2,extra_params:JSON.stringify({type:4,keywords:y}),page:1,page_size:5})).data.users?.list),w=m(()=>[`searchByKeyForAll`,y,2],[y]),T=p(async e=>await t({data_type:2,extra_params:JSON.stringify({type:2,keywords:y}),page:e||1,page_size:10}),[y,10]),E=i({key:w,initialPageParam:1,async queryFn(e){return(await T(e))?.data?.contents??{has_more:!1,total:0,list:[]}},getNextPageParam(e,t){if(e.has_more)return t.length+1}}),D=m(()=>E.data?.pages.flatMap(e=>e.list??[])??[],[E.data?.pages]),O=async e=>{if(e!==!1)try{E&&await E.fetchNextPage()}catch(e){console.error(`获取信息列表失败`,e)}},k=s(),A=s(),j=a(),M=e=>{k(S,t=>e)},N=p(e=>{A(w,t=>{if(!t)return t;let n=t.pages.map(t=>({...t,list:(t.list??[]).map(t=>t.content_id===e.content_id?e:t)}));return{...t,pages:n}})},[w,A]),P=p(()=>{j(w)},[w,j]),F=p(e=>({...d(e),onLikeSuccess(t){N({...e,like_count:String(t.count),dislike_count:t.dislikeCount===void 0?e.dislike_count:String(t.dislikeCount),interaction:{...e.interaction,is_liked:t.isLiked,is_dislike:t.isDisliked??e.interaction?.is_dislike}})},onDislikeSuccess(t){N({...e,like_count:t.likeCount===void 0?e.like_count:String(t.likeCount),dislike_count:String(t.count),interaction:{...e.interaction,is_dislike:t.isDisliked,is_liked:t.isLiked??e.interaction?.is_liked}})}}),[N]),I=m(()=>D.map(F),[F,D]),L=m(()=>D.length===0&&!E.hasNextPage&&x.length===0&&C.length===0,[D.length,E.hasNextPage,C.length,x.length]),R=m(()=>x.length===0&&C.length===0,[C.length,x.length]);return L?g(n,{className:`w-full pt-[12px]`,children:g(r,{loading:E.isFetching,loadMore:O,hasMore:E.hasNextPage,empty:`nodata`,emptyText:b(`searchAll.emptyResult`),children:[]})}):_(n,{className:`w-full pt-[12px] ${R?`!pt-0`:``}`,children:[C.length>0&&g(u,{list:C,onUpdate:M}),x.length>0&&_(h,{children:[g(f,{list:x}),_(n,{className:`w-fit h-[46px] leading-[46px] mx-auto mt-[-12px] text-[14px] text-text2`,onClick:()=>{e.emit(c.EXCHANGE_SEARCH_TYPE,`video`)},children:[b(`searchAll.more`),` `,y,` `,b(`searchAll.relatedSuffix`)]})]}),I.length>0&&g(n,{className:`w-full`,children:g(l,{list:I,loading:E.isFetching,loadMore:O,hasMore:E.hasNextPage,emptyText:b(`searchAll.emptyResult`),showGroupHeaders:!1,onActionSuccess:P})})]})}export{y as default};
+'use client';
+
+import eventBus from "../../../../utils/event-bus.mjs";
+import { gContentGetRecommendVideoList } from "../../../../service/generated/client.mjs";
+import { Box } from "../../../ui/box.mjs";
+import { List } from "../../../ui/list.mjs";
+import { usePaginated, useRefetchQuery, useRequest, useUpdateRequest } from "../../../../hooks/query/use-query.mjs";
+import { eventKey } from "../../../../constants/event-key.mjs";
+import { UserActivityList } from "../../../common/list/user-activity-list/user-activity-list.mjs";
+import { UserList } from "./search-user.mjs";
+import { mapRecommendContentToUserActivityItem } from "../search-utils.mjs";
+import { VideoList } from "./search-video-info.mjs";
+import { useCallback, useMemo } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { useTranslations } from "next-intl";
+
+//#region components/pages/search/search-result/search-all.tsx
+/**
+* 搜索综合结果。
+*/
+function SearchAll({ inputVal }) {
+	const t = useTranslations("components.pages.search.searchResult");
+	const pageSize = 10;
+	const { data: videoList = [] } = useRequest([
+		"searchByKeyForAll",
+		inputVal,
+		3
+	], async () => {
+		return (await gContentGetRecommendVideoList({
+			data_type: 2,
+			extra_params: JSON.stringify({
+				type: 3,
+				keywords: inputVal
+			}),
+			page: 1,
+			page_size: 5
+		})).data.videos?.list;
+	});
+	const userSearchKey = [
+		"searchByKeyForAll",
+		inputVal,
+		4
+	];
+	const { data: userList = [] } = useRequest(userSearchKey, async () => {
+		return (await gContentGetRecommendVideoList({
+			data_type: 2,
+			extra_params: JSON.stringify({
+				type: 4,
+				keywords: inputVal
+			}),
+			page: 1,
+			page_size: 5
+		})).data.users?.list;
+	});
+	const queryKey = useMemo(() => {
+		return [
+			"searchByKeyForAll",
+			inputVal,
+			2
+		];
+	}, [inputVal]);
+	const fetchSearchData = useCallback(async (page) => {
+		return await gContentGetRecommendVideoList({
+			data_type: 2,
+			extra_params: JSON.stringify({
+				type: 2,
+				keywords: inputVal
+			}),
+			page: page || 1,
+			page_size: pageSize
+		});
+	}, [inputVal, pageSize]);
+	const pageData = usePaginated({
+		key: queryKey,
+		initialPageParam: 1,
+		async queryFn(pageParam) {
+			return (await fetchSearchData(pageParam))?.data?.contents ?? {
+				has_more: false,
+				total: 0,
+				list: []
+			};
+		},
+		getNextPageParam(lastPage, allPages) {
+			if (!lastPage.has_more) return;
+			return allPages.length + 1;
+		}
+	});
+	const infoList = useMemo(() => {
+		return pageData.data?.pages.flatMap((page) => page.list ?? []) ?? [];
+	}, [pageData.data?.pages]);
+	const loadMore = async (isRetry) => {
+		if (isRetry === false) return;
+		try {
+			if (pageData) await pageData.fetchNextPage();
+		} catch (error) {
+			console.error("获取信息列表失败", error);
+		}
+	};
+	const mutate = useUpdateRequest();
+	const updateSearchCache = useUpdateRequest();
+	const refetchSearchData = useRefetchQuery();
+	const updateUserList = (list) => {
+		mutate(userSearchKey, (_prev) => {
+			return list;
+		});
+	};
+	/**
+	* 同步综合列表内的帖子更新。
+	*/
+	const handleItemUpdate = useCallback((updateItem) => {
+		updateSearchCache(queryKey, (prev) => {
+			if (!prev) return prev;
+			const pages = prev.pages.map((page) => ({
+				...page,
+				list: (page.list ?? []).map((item) => item.content_id === updateItem.content_id ? updateItem : item)
+			}));
+			return {
+				...prev,
+				pages
+			};
+		});
+	}, [queryKey, updateSearchCache]);
+	/**
+	* 点赞/点踩成功后，重新拉取当前综合帖子列表，保证状态与服务端一致。
+	*/
+	const handleActionSuccess = useCallback(() => {
+		refetchSearchData(queryKey);
+	}, [queryKey, refetchSearchData]);
+	/**
+	* 构建用户动态列表项并注入交互回调。
+	*/
+	const buildActivityItem = useCallback((item) => {
+		return {
+			...mapRecommendContentToUserActivityItem(item),
+			onLikeSuccess(newState) {
+				handleItemUpdate({
+					...item,
+					like_count: String(newState.count),
+					dislike_count: newState.dislikeCount !== void 0 ? String(newState.dislikeCount) : item.dislike_count,
+					interaction: {
+						...item.interaction,
+						is_liked: newState.isLiked,
+						is_dislike: newState.isDisliked ?? item.interaction?.is_dislike
+					}
+				});
+			},
+			onDislikeSuccess(newState) {
+				handleItemUpdate({
+					...item,
+					like_count: newState.likeCount !== void 0 ? String(newState.likeCount) : item.like_count,
+					dislike_count: String(newState.count),
+					interaction: {
+						...item.interaction,
+						is_dislike: newState.isDisliked,
+						is_liked: newState.isLiked ?? item.interaction?.is_liked
+					}
+				});
+			}
+		};
+	}, [handleItemUpdate]);
+	const activityList = useMemo(() => {
+		return infoList.map(buildActivityItem);
+	}, [buildActivityItem, infoList]);
+	const isEmpty = useMemo(() => {
+		return infoList.length === 0 && !pageData.hasNextPage && videoList.length === 0 && userList.length === 0;
+	}, [
+		infoList.length,
+		pageData.hasNextPage,
+		userList.length,
+		videoList.length
+	]);
+	const noVideoAndUser = useMemo(() => {
+		return videoList.length === 0 && userList.length === 0;
+	}, [userList.length, videoList.length]);
+	if (isEmpty) return /* @__PURE__ */ jsx(Box, {
+		className: "w-full pt-[12px]",
+		children: /* @__PURE__ */ jsx(List, {
+			loading: pageData.isFetching,
+			loadMore,
+			hasMore: pageData.hasNextPage,
+			empty: "nodata",
+			emptyText: t("searchAll.emptyResult"),
+			children: []
+		})
+	});
+	return /* @__PURE__ */ jsxs(Box, {
+		className: `w-full pt-[12px] ${noVideoAndUser ? "!pt-0" : ""}`,
+		children: [
+			userList.length > 0 && /* @__PURE__ */ jsx(UserList, {
+				list: userList,
+				onUpdate: updateUserList
+			}),
+			videoList.length > 0 && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(VideoList, { list: videoList }), /* @__PURE__ */ jsxs(Box, {
+				className: "w-fit h-[46px] leading-[46px] mx-auto mt-[-12px] text-[14px] text-text2",
+				onClick: () => {
+					eventBus.emit(eventKey.EXCHANGE_SEARCH_TYPE, "video");
+				},
+				children: [
+					t("searchAll.more"),
+					" ",
+					inputVal,
+					" ",
+					t("searchAll.relatedSuffix")
+				]
+			})] }),
+			activityList.length > 0 && /* @__PURE__ */ jsx(Box, {
+				className: "w-full",
+				children: /* @__PURE__ */ jsx(UserActivityList, {
+					list: activityList,
+					loading: pageData.isFetching,
+					loadMore,
+					hasMore: pageData.hasNextPage,
+					emptyText: t("searchAll.emptyResult"),
+					showGroupHeaders: false,
+					onActionSuccess: handleActionSuccess
+				})
+			})
+		]
+	});
+}
+
+//#endregion
+export { SearchAll as default };

package/dist/components/pages/search/search-result/search-user.mjs

@@ -1,2 +1,204 @@
 
-"use client";import{useUserStore as e}from"../../../../store/modules/user-store.mjs";import{gContentGetRecommendVideoList as t}from"../../../../service/generated/client.mjs";import{Image as n}from"../../../ui/image.mjs";import{Box as r}from"../../../ui/box.mjs";import{Item as i}from"../../../ui/item.mjs";import{List as a}from"../../../ui/list.mjs";import{Skeleton as o}from"../../../ui/skeleton.mjs";import{usePaginated as s,useUpdateRequest as c}from"../../../../hooks/query/use-query.mjs";import{useRequireLogin as l}from"../../../../hooks/use-auth.mjs";import{FollowButton as u}from"../../(follow)/_components/follow-button/index.mjs";import{memo as d,useCallback as f,useMemo as p}from"react";import{jsx as m,jsxs as h}from"react/jsx-runtime";import{useTranslations as g}from"next-intl";import _ from"next/link";function v(){return m(r,{className:`w-full px-[12px] pt-[12px]`,children:Array.from({length:6}).map((e,t)=>h(r,{className:`w-full h-[56px] flex items-center justify-between mb-[12px]`,children:[h(r,{className:`flex items-center`,children:[m(o,{className:`w-[56px] h-[56px] rounded-[28px]`}),h(r,{className:`ml-[8px]`,children:[m(o,{className:`w-[120px] h-[18px] mb-[8px]`}),m(o,{className:`w-[72px] h-[14px]`})]})]}),m(o,{className:`w-[76px] h-[34px] rounded-[18px]`})]},`search-user-skeleton-${t}`))})}const y=d(({item:t,onUpdate:i})=>{let a=g(`components.pages.search.searchResult`),{userInfo:o}=e(),s=f(e=>{i({...t,is_following:e?1:0})},[t,i]);return h(r,{className:`w-full h-[56px] bg-bg1 flex flex-row items-center justify-between mb-[12px]`,children:[h(_,{className:`cursor-pointer flex flex-row items-center justify-center`,href:`/profile/${t.user_id}`,children:[m(r,{className:`w-[56px] h-[56px] rounded-[28px] overflow-hidden bg-bg2 relative`,children:m(n,{src:t.avatar||``,fill:!0,objectFit:`cover`,alt:t.nick_name})}),h(r,{className:`flex flex-col ml-[8px]`,children:[m(`span`,{className:`text-text1 text-[16px] leading-[24px] h-[24px] font-bold overflow-hidden max-w-[200px] line-clamp-1`,children:t.nick_name}),h(`span`,{className:`text-text2 leading-[22px] text-[14px]`,children:[t.follower_count??0,a(`searchUser.followersSuffix`)]})]})]}),o.user_id!==t.user_id&&m(u,{userId:t.user_id,hasFollow:!!t.is_following,onChange:s})]})});y.displayName=`UserItem`;const b=d(({list:e,onUpdate:t})=>{let n=l(),i=f(n=>{let r=e.findIndex(e=>e.user_id===n.user_id);if(r!==-1){let i=[...e];i[r]=n,t(i)}},[e,t]);return m(r,{className:`px-[12px]`,children:e.map((e,t)=>m(y,{item:e,onUpdate:e=>{n(()=>{i(e)})}},String(e.user_id??t)))})});b.displayName=`UserList`;const x=d(({inputVal:e})=>{let n=g(`components.pages.search.searchResult`),o=l(),u=f(async n=>await t({data_type:2,extra_params:JSON.stringify({type:4,keywords:e}),page:n||1,page_size:20}),[e,20]),d=p(()=>[`searchByKeyForUser`,e,4],[e]),h=s({key:d,initialPageParam:1,async queryFn(e){return(await u(e))?.data?.users??{has_more:!1,total:0,list:[]}},getNextPageParam(e,t){if(e.has_more)return t.length+1}}),_=c(),b=f((e,t)=>{e&&_(d,n=>{if(n){let r=n.pages.map(n=>({...n,list:(n.list??[]).map(n=>n.user_id===e?{...n,is_following:t?1:0}:n)}));return{...n,pages:r}}return n})},[_,d]),x=h.data?.pages.flatMap(e=>e.list??[])??[],S=h.isPending||h.isFetching;return S&&x.length===0?m(v,{}):m(r,{className:`w-full px-[12px] pt-[12px]`,children:m(a,{loading:S,hasMore:h.hasNextPage??!1,loadMore:async e=>{if(e!==!1)try{h&&await h.fetchNextPage()}catch(e){console.error(`获取用户列表失败`,e)}},empty:`nodata`,emptyText:n(`searchUser.emptyResult`),children:x.map((e,t)=>m(i,{children:m(y,{item:e,onUpdate:e=>{o(()=>{b(e.user_id||``,!!e.is_following)})}})},String(e.user_id??t)))})})});export{b as UserList,x as default};
+'use client';
+
+import { useUserStore } from "../../../../store/modules/user-store.mjs";
+import { gContentGetRecommendVideoList } from "../../../../service/generated/client.mjs";
+import { Image } from "../../../ui/image.mjs";
+import { Box } from "../../../ui/box.mjs";
+import { Item } from "../../../ui/item.mjs";
+import { List } from "../../../ui/list.mjs";
+import { Skeleton } from "../../../ui/skeleton.mjs";
+import { usePaginated, useUpdateRequest } from "../../../../hooks/query/use-query.mjs";
+import { useRequireLogin } from "../../../../hooks/use-auth.mjs";
+import { FollowButton } from "../../(follow)/_components/follow-button/index.mjs";
+import { memo, useCallback, useMemo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useTranslations } from "next-intl";
+import Link from "next/link";
+
+//#region components/pages/search/search-result/search-user.tsx
+const DEFAULT_USER_SKELETON_COUNT = 6;
+/**
+* 用户列表首屏骨架。
+*/
+function SearchUserSkeleton() {
+	return /* @__PURE__ */ jsx(Box, {
+		className: "w-full px-[12px] pt-[12px]",
+		children: Array.from({ length: DEFAULT_USER_SKELETON_COUNT }).map((_, index) => /* @__PURE__ */ jsxs(Box, {
+			className: "w-full h-[56px] flex items-center justify-between mb-[12px]",
+			children: [/* @__PURE__ */ jsxs(Box, {
+				className: "flex items-center",
+				children: [/* @__PURE__ */ jsx(Skeleton, { className: "w-[56px] h-[56px] rounded-[28px]" }), /* @__PURE__ */ jsxs(Box, {
+					className: "ml-[8px]",
+					children: [/* @__PURE__ */ jsx(Skeleton, { className: "w-[120px] h-[18px] mb-[8px]" }), /* @__PURE__ */ jsx(Skeleton, { className: "w-[72px] h-[14px]" })]
+				})]
+			}), /* @__PURE__ */ jsx(Skeleton, { className: "w-[76px] h-[34px] rounded-[18px]" })]
+		}, `search-user-skeleton-${index}`))
+	});
+}
+/**
+* 用户项组件。
+*/
+const UserItem = memo(({ item, onUpdate }) => {
+	const t = useTranslations("components.pages.search.searchResult");
+	const { userInfo } = useUserStore();
+	const handleUpdate = useCallback((isFollow) => {
+		onUpdate({
+			...item,
+			is_following: isFollow ? 1 : 0
+		});
+	}, [item, onUpdate]);
+	return /* @__PURE__ */ jsxs(Box, {
+		className: "w-full h-[56px] bg-bg1 flex flex-row items-center justify-between mb-[12px]",
+		children: [/* @__PURE__ */ jsxs(Link, {
+			className: "cursor-pointer flex flex-row items-center justify-center",
+			href: `/profile/${item.user_id}`,
+			children: [/* @__PURE__ */ jsx(Box, {
+				className: "w-[56px] h-[56px] rounded-[28px] overflow-hidden bg-bg2 relative",
+				children: /* @__PURE__ */ jsx(Image, {
+					src: item.avatar || "",
+					fill: true,
+					objectFit: "cover",
+					alt: item.nick_name
+				})
+			}), /* @__PURE__ */ jsxs(Box, {
+				className: "flex flex-col ml-[8px]",
+				children: [/* @__PURE__ */ jsx("span", {
+					className: "text-text1 text-[16px] leading-[24px] h-[24px] font-bold overflow-hidden max-w-[200px] line-clamp-1",
+					children: item.nick_name
+				}), /* @__PURE__ */ jsxs("span", {
+					className: "text-text2 leading-[22px] text-[14px]",
+					children: [item.follower_count ?? 0, t("searchUser.followersSuffix")]
+				})]
+			})]
+		}), userInfo.user_id !== item.user_id && /* @__PURE__ */ jsx(FollowButton, {
+			userId: item.user_id,
+			hasFollow: !!item.is_following,
+			onChange: handleUpdate
+		})]
+	});
+});
+UserItem.displayName = "UserItem";
+/**
+* 用户列表（保留用于其他地方使用）。
+*/
+const UserList = memo(({ list, onUpdate }) => {
+	const requireLogin = useRequireLogin();
+	const handleItemUpdate = useCallback((updateItem) => {
+		const index = list.findIndex((item) => item.user_id === updateItem.user_id);
+		if (index !== -1) {
+			const newList = [...list];
+			newList[index] = updateItem;
+			onUpdate(newList);
+		}
+	}, [list, onUpdate]);
+	return /* @__PURE__ */ jsx(Box, {
+		className: "px-[12px]",
+		children: list.map((item, index) => /* @__PURE__ */ jsx(UserItem, {
+			item,
+			onUpdate: (updateItem) => {
+				requireLogin(() => {
+					handleItemUpdate(updateItem);
+				});
+			}
+		}, String(item.user_id ?? index)))
+	});
+});
+UserList.displayName = "UserList";
+/**
+* 搜索用户列表。
+*/
+const SearchUser = memo(({ inputVal }) => {
+	const t = useTranslations("components.pages.search.searchResult");
+	const pageSize = 20;
+	const requireLogin = useRequireLogin();
+	const fetchSearchData = useCallback(async (page) => {
+		return await gContentGetRecommendVideoList({
+			data_type: 2,
+			extra_params: JSON.stringify({
+				type: 4,
+				keywords: inputVal
+			}),
+			page: page || 1,
+			page_size: pageSize
+		});
+	}, [inputVal, pageSize]);
+	const queryKey = useMemo(() => {
+		return [
+			"searchByKeyForUser",
+			inputVal,
+			4
+		];
+	}, [inputVal]);
+	const pageData = usePaginated({
+		key: queryKey,
+		initialPageParam: 1,
+		async queryFn(pageParam) {
+			return (await fetchSearchData(pageParam))?.data?.users ?? {
+				has_more: false,
+				total: 0,
+				list: []
+			};
+		},
+		getNextPageParam(lastPage, allPages) {
+			if (!lastPage.has_more) return;
+			return allPages.length + 1;
+		}
+	});
+	const mutate = useUpdateRequest();
+	/**
+	* 同步搜索用户列表的关注状态
+	*/
+	const handleUpdateFollowStatus = useCallback((userId, isFollow) => {
+		if (!userId) return;
+		mutate(queryKey, (prev) => {
+			if (prev) {
+				const pages = prev.pages.map((page) => ({
+					...page,
+					list: (page.list ?? []).map((item) => item.user_id === userId ? {
+						...item,
+						is_following: isFollow ? 1 : 0
+					} : item)
+				}));
+				return {
+					...prev,
+					pages
+				};
+			}
+			return prev;
+		});
+	}, [mutate, queryKey]);
+	const userList = pageData.data?.pages.flatMap((page) => page.list ?? []) ?? [];
+	const isLoading = pageData.isPending || pageData.isFetching;
+	const shouldShowUserSkeleton = isLoading && userList.length === 0;
+	const loadMore = async (isRetry) => {
+		if (isRetry === false) return;
+		try {
+			if (pageData) await pageData.fetchNextPage();
+		} catch (error) {
+			console.error("获取用户列表失败", error);
+		}
+	};
+	if (shouldShowUserSkeleton) return /* @__PURE__ */ jsx(SearchUserSkeleton, {});
+	return /* @__PURE__ */ jsx(Box, {
+		className: "w-full px-[12px] pt-[12px]",
+		children: /* @__PURE__ */ jsx(List, {
+			loading: isLoading,
+			hasMore: pageData.hasNextPage ?? false,
+			loadMore,
+			empty: "nodata",
+			emptyText: t("searchUser.emptyResult"),
+			children: userList.map((item, index) => /* @__PURE__ */ jsx(Item, { children: /* @__PURE__ */ jsx(UserItem, {
+				item,
+				onUpdate: (updateItem) => {
+					requireLogin(() => {
+						handleUpdateFollowStatus(updateItem.user_id || "", !!updateItem.is_following);
+					});
+				}
+			}) }, String(item.user_id ?? index)))
+		})
+	});
+});
+
+//#endregion
+export { UserList, SearchUser as default };