vndangkhoa/kv-tiktok
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Search fallback: show relevant videos when user not found

Browse source
This commit is contained in:
Khoa.vo 2025-12-19 21:17:54 +07:00
parent 467056fa9c
commit 37394f27e7
1 changed files with 35 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

48
frontend/src/components/Feed.tsx
View file

@ -457,6 +457,7 @@ export const Feed: React.FC = () => {
};
// Direct username search - bypasses state update delay
// Falls back to keyword search if user not found
const searchByUsername = async (username: string) => {
setSearchInput(`@${username}`);
setActiveTab('search');
@ -470,26 +471,47 @@ export const Feed: React.FC = () => {
if (userVideos.length > 0) {
setSearchResults(userVideos);
} else {
setSearchResults([{
id: `no-videos-${username}`,
url: '',
author: username,
description: `No videos found for @${username}`
}]);
// No videos from user profile, try keyword search
console.log(`No videos from @${username}, trying keyword search...`);
await fallbackToKeywordSearch(username);
}
} catch (err) {
console.error('Error fetching user videos:', err);
setSearchResults([{
id: `error-${username}`,
url: '',
author: username,
description: `Could not fetch videos`
}]);
console.error('Error fetching user videos, trying keyword search:', err);
// User not found or error - fallback to keyword search
await fallbackToKeywordSearch(username);
} finally {
setIsSearching(false);
}
};
// Fallback search when user profile fails
const fallbackToKeywordSearch = async (keyword: string) => {
try {
const res = await axios.get(`${API_BASE_URL}/user/search?query=${encodeURIComponent(keyword)}&limit=12`);
const searchVideos = res.data.videos as Video[];
if (searchVideos.length > 0) {
setSearchResults(searchVideos);
} else {
// Still no results - show friendly message
setSearchResults([{
id: `no-results-${keyword}`,
url: '',
author: 'search',
description: `No videos found for "${keyword}". Try a different search term.`
}]);
}
} catch (searchErr) {
console.error('Keyword search also failed:', searchErr);
setSearchResults([{
id: `search-error`,
url: '',
author: 'search',
description: `Search is temporarily unavailable. Please try again later.`
}]);
}
};
// Direct keyword search - bypasses state update delay
const searchByKeyword = async (keyword: string) => {
setSearchInput(keyword);