import { Avatar } from '@/components/Avatar'; import { Highlight } from '@/components/Highlight'; import { Button, Divider, Empty } from 'antd'; import { searchUserWithUniqueName, useAsyncFn, UserBaseInfo, } from 'pawchat-shared'; import React, { useState } from 'react'; const SearchFriendResult: React.FC<{ result: UserBaseInfo | undefined | null; }> = React.memo(({ result }) => { if (result === undefined) { return null; } if (result === null) { return ; } return (
{result.nickname} #{result.discriminator}
); }); SearchFriendResult.displayName = 'SearchFriendResult'; export const AddFriend: React.FC = React.memo(() => { const [uniqueName, setUniqueName] = useState(''); const [{ loading, value }, searchUser] = useAsyncFn(async () => { // 搜索用户 try { const data = await searchUserWithUniqueName(uniqueName); return data; } catch (err) { console.error(err); } }, [uniqueName]); return (
添加好友
您可以使用完整的 用户昵称#标识 来添加好友
setUniqueName(e.target.value)} />
); }); AddFriend.displayName = 'AddFriend';