inputnoise/youclonedl
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Simplify likes display: plain text in meta row, no bar

Browse Source 
Bar depends on reliable dislike data which YouTube doesn't expose.
Show likes inline as "X.XM likes" alongside views and date instead.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Mattias Tall
2026-05-26 11:34:40 +02:00
parent 74e2b4cd73
commit 18b3c572f1
1 changed files with 1 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
frontend/src/pages/Watch.jsx
View File

@@ -894,6 +894,7 @@ export default function Watch() {
<div className="flex items-center gap-2 text-sm text-zinc-500 flex-wrap"> <div className="flex items-center gap-2 text-sm text-zinc-500 flex-wrap">
{date && <span>{date}</span>} {date && <span>{date}</span>}
{video?.view_count > 0 && <><span>·</span><span>{formatViews(video.view_count)}</span></>} {video?.view_count > 0 && <><span>·</span><span>{formatViews(video.view_count)}</span></>}
{video?.like_count > 0 && <><span>·</span><span>{formatViews(video.like_count).replace(" views", "")} likes</span></>}
{video?.category && <><span>·</span><span>{video.category}</span></>} {video?.category && <><span>·</span><span>{video.category}</span></>}
{video?.duration_seconds && ( {video?.duration_seconds && (
<><span>·</span> <><span>·</span>
@@ -911,25 +912,6 @@ export default function Watch() {
)} )}
</div> </div>
{/* Like/dislike bar */}
{video?.like_count > 0 && (
<div className="flex flex-col gap-1 w-full">
<div className="flex justify-between text-xs text-zinc-500">
<span>{formatViews(video.like_count).replace(" views", "")} likes</span>
{video?.dislike_count > 0 && <span>{formatViews(video.dislike_count).replace(" views", "")} dislikes</span>}
</div>
<div className="h-1 w-full bg-zinc-800 rounded-full overflow-hidden">
<div
className="h-full bg-blue-500 rounded-full"
style={{
width: video?.dislike_count > 0
? `${(video.like_count / (video.like_count + video.dislike_count)) * 100}%`
: "100%",
}}
/>
</div>
</div>
)}
{/* Actions */} {/* Actions */}
<div className="flex items-center gap-2 flex-wrap"> <div className="flex items-center gap-2 flex-wrap">