GKaszewski/k-tv
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: clean up styles and improve layout in dashboard and edit channel components

Browse Source 
- Removed unnecessary class names for buttons in ChannelCard and DashboardPage components.
- Updated layout styles in RootLayout to apply dark mode by default.
- Refactored edit-channel-sheet to streamline block editor and filter editor components.
- Adjusted duration input fields to reflect minutes instead of seconds in AlgorithmicFilterEditor.
- Enhanced the structure of the EditChannelSheet for better readability and maintainability.
This commit is contained in:
Gabriel Kaszewski
2026-03-16 01:40:28 +01:00
parent e76167134b
commit 40f698acb7
4 changed files with 465 additions and 471 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
k-tv-frontend/app/(main)/dashboard/components/channel-card.tsx
View File

@@ -168,7 +168,6 @@ export function ChannelCard({
size="icon-sm" size="icon-sm"
onClick={onViewSchedule} onClick={onViewSchedule}
title="View schedule" title="View schedule"
className="border-zinc-700 text-zinc-400 hover:text-zinc-100"
> >
<CalendarDays className="size-3.5" /> <CalendarDays className="size-3.5" />
</Button> </Button>
@@ -176,7 +175,6 @@ export function ChannelCard({
size="icon-sm" size="icon-sm"
asChild asChild
title="Watch on TV" title="Watch on TV"
className="border-zinc-700 text-zinc-400 hover:text-zinc-100"
> >
<Link href={`/tv?channel=${channel.id}`}> <Link href={`/tv?channel=${channel.id}`}>
<Tv2 className="size-3.5" /> <Tv2 className="size-3.5" />

919
k-tv-frontend/app/(main)/dashboard/components/edit-channel-sheet.tsx
View File

File diff suppressed because it is too large Load Diff

13
k-tv-frontend/app/(main)/dashboard/page.tsx
View File

@@ -241,7 +241,6 @@ export default function DashboardPage() {
<Button <Button
onClick={() => setTranscodeOpen(true)} onClick={() => setTranscodeOpen(true)}
title="Transcode settings" title="Transcode settings"
className="border-zinc-700 text-zinc-400 hover:text-zinc-100"
> >
<Settings2 className="size-4" /> <Settings2 className="size-4" />
Transcode Transcode
@@ -257,7 +256,6 @@ export default function DashboardPage() {
} }
disabled={rescanLibrary.isPending} disabled={rescanLibrary.isPending}
title="Rescan local files directory" title="Rescan local files directory"
className="border-zinc-700 text-zinc-400 hover:text-zinc-100"
> >
<RefreshCw className={`size-4 ${rescanLibrary.isPending ? "animate-spin" : ""}`} /> <RefreshCw className={`size-4 ${rescanLibrary.isPending ? "animate-spin" : ""}`} />
Rescan library Rescan library
@@ -268,7 +266,6 @@ export default function DashboardPage() {
onClick={handleRegenerateAll} onClick={handleRegenerateAll}
disabled={isRegeneratingAll} disabled={isRegeneratingAll}
title="Regenerate schedules for all channels" title="Regenerate schedules for all channels"
className="border-zinc-700 text-zinc-400 hover:text-zinc-100"
> >
<RefreshCw <RefreshCw
className={`size-4 ${isRegeneratingAll ? "animate-spin" : ""}`} className={`size-4 ${isRegeneratingAll ? "animate-spin" : ""}`}
@@ -276,17 +273,11 @@ export default function DashboardPage() {
Regenerate all Regenerate all
</Button> </Button>
)} )}
<Button <Button onClick={() => setIptvOpen(true)}>
onClick={() => setIptvOpen(true)}
className="border-zinc-700 text-zinc-300 hover:text-zinc-100"
>
<Antenna className="size-4" /> <Antenna className="size-4" />
IPTV IPTV
</Button> </Button>
<Button <Button onClick={() => setImportOpen(true)}>
onClick={() => setImportOpen(true)}
className="border-zinc-700 text-zinc-300 hover:text-zinc-100"
>
<Upload className="size-4" /> <Upload className="size-4" />
Import Import
</Button> </Button>

2
k-tv-frontend/app/layout.tsx
View File

@@ -26,7 +26,7 @@ export default function RootLayout({
children: React.ReactNode; children: React.ReactNode;
}>) { }>) {
return ( return (
<html lang="en"> <html lang="en" className="dark">
<head> <head>
<Script <Script
src="https://www.gstatic.com/cv/js/sender/v1/cast_sender.js?loadCastFramework=1" src="https://www.gstatic.com/cv/js/sender/v1/cast_sender.js?loadCastFramework=1"