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';