Fix auth race condition on AddFriend page
This commit is contained in:
@@ -12,14 +12,16 @@ import { ArrowLeft, Search, UserPlus, Clock, Check, Loader2 } from 'lucide-react
|
||||
export default function AddFriend() {
|
||||
const navigate = useNavigate();
|
||||
const user = useAuthStore((s) => s.user);
|
||||
const authLoading = useAuthStore((s) => s.isLoading);
|
||||
const { searchResults, searchUsers, sendRequest, clearSearch } = useFriendsStore();
|
||||
const [query, setQuery] = useState('');
|
||||
const [sendingTo, setSendingTo] = useState<string | null>(null);
|
||||
|
||||
useEffect(() => {
|
||||
if (authLoading) return;
|
||||
if (!user) navigate('/login');
|
||||
return () => clearSearch();
|
||||
}, [user, navigate, clearSearch]);
|
||||
}, [user, authLoading, navigate, clearSearch]);
|
||||
|
||||
// Debounced search
|
||||
useEffect(() => {
|
||||
|
||||
Reference in New Issue
Block a user