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

Fix search: clicking video plays ALL channel videos, added Play All button

Browse source
This commit is contained in:
Khoa.vo 2025-12-19 20:42:25 +07:00
parent df98b36c47
commit a372f98e4b
2 changed files with 33 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
backend/following.json
View file

@ -1,3 +1,4 @@
[
"nhythanh_04"
"nhythanh_04",
"po.trann77"
]

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

@ -1090,12 +1090,28 @@ export const Feed: React.FC = () => {
</button>
)}
</div>
<button
onClick={() => setSearchResults([])}
className="text-white/30 text-xs hover:text-white/60"
>
Clear
</button>
<div className="flex items-center gap-2">
{/* Play All Button */}
<button
onClick={() => {
const playableVideos = searchResults.filter(v => v.url);
if (playableVideos.length > 0) {
setVideos(playableVideos);
setCurrentIndex(0);
setActiveTab('foryou');
}
}}
className="px-3 py-1 bg-gradient-to-r from-cyan-500 to-pink-500 rounded-full text-xs font-medium text-white"
>
▶ Play All
</button>
<button
onClick={() => setSearchResults([])}
className="text-white/30 text-xs hover:text-white/60"
>
Clear
</button>
</div>
</div>
{/* Video Grid */}
@ -1109,9 +1125,15 @@ export const Feed: React.FC = () => {
}`}
onClick={() => {
if (!video.url) return;
setVideos(prev => [video, ...prev.filter(v => v.id !== video.id)]);
setCurrentIndex(0);
setActiveTab('foryou');
// Load ALL search results into the feed, starting from clicked video
const playableVideos = searchResults.filter(v => v.url);
if (playableVideos.length > 0) {
setVideos(playableVideos);
// Set current index to the clicked video's position in playable videos
const newIndex = playableVideos.findIndex(v => v.id === video.id);
setCurrentIndex(newIndex >= 0 ? newIndex : 0);
setActiveTab('foryou');
}
}}
>
{/* Thumbnail with loading placeholder */}