diff --git a/frontend/src/pages/Guide.jsx b/frontend/src/pages/Guide.jsx
index d35bb7a3..af959fb7 100644
--- a/frontend/src/pages/Guide.jsx
+++ b/frontend/src/pages/Guide.jsx
@@ -81,8 +81,10 @@ export default function TVChannelGuide({ startDate, endDate }) {
console.log(`Received ${fetched.length} programs`);
// Include ALL channels, sorted by channel number - don't filter by EPG data
- const sortedChannels = Object.values(channels)
- .sort((a, b) => (a.channel_number || Infinity) - (b.channel_number || Infinity));
+ const sortedChannels = Object.values(channels).sort(
+ (a, b) =>
+ (a.channel_number || Infinity) - (b.channel_number || Infinity)
+ );
console.log(`Using all ${sortedChannels.length} available channels`);
@@ -523,7 +525,7 @@ export default function TVChannelGuide({ startDate, endDate }) {
const isLive = now.isAfter(programStart) && now.isBefore(programEnd);
// Determine if the program has ended
- const isPast = now.isAfter(programEnd); // Check if this program is expanded
+ const isPast = now.isAfter(programEnd); // Check if this program is expanded
const isExpanded = expandedProgramId === program.id;
// Set the height based on expanded state
@@ -638,9 +640,11 @@ export default function TVChannelGuide({ startDate, endDate }) {
overflow: 'hidden',
}}
>
- {programStart.format(timeFormat)} - {programEnd.format(timeFormat)}
+ {programStart.format(timeFormat)} -{' '}
+ {programEnd.format(timeFormat)}
- {/* Description is always shown but expands when row is expanded */}
+ {' '}
+ {/* Description is always shown but expands when row is expanded */}
{program.description && (
)}
-
{/* Expanded content */}
{isExpanded && (
@@ -771,8 +774,8 @@ export default function TVChannelGuide({ startDate, endDate }) {
// Handle date-time formats
const [timeFormatSetting] = useLocalStorage('time-format', '12h');
const [dateFormatSetting] = useLocalStorage('date-format', 'mdy');
- const timeFormat = timeFormatSetting === '12h' ? "h:mm A" : "HH:mm";
- const dateFormat = dateFormatSetting === 'mdy' ? "MMMM D" : "D MMMM";
+ const timeFormat = timeFormatSetting === '12h' ? 'h:mm A' : 'HH:mm';
+ const dateFormat = dateFormatSetting === 'mdy' ? 'MMMM D' : 'D MMMM';
return (
- {now.format(`dddd, ${dateFormat}, YYYY • ${timeFormat}`)}
+
+ {now.format(`dddd, ${dateFormat}, YYYY • ${timeFormat}`)}
+
- Clear Filters
-
- )}
+
+ Clear Filters
+
+ )}
{filteredChannels.length}{' '}
@@ -933,100 +938,102 @@ export default function TVChannelGuide({ startDate, endDate }) {
borderBottom: '1px solid #27272A',
width: hourTimeline.length * HOUR_WIDTH,
}}
- > {hourTimeline.map((hourData) => {
- const { time, isNewDay } = hourData;
+ >
+ {' '}
+ {hourTimeline.map((hourData) => {
+ const { time, isNewDay } = hourData;
- return (
- handleTimeClick(time, e)}
- >
- {/* Remove the special day label for new days since we'll show day for all hours */}
-
- {/* Position time label at the left border of each hour block */}
- handleTimeClick(time, e)}
>
- {/* Show day above time for every hour using the same format */}
+ {/* Remove the special day label for new days since we'll show day for all hours */}
+
+ {/* Position time label at the left border of each hour block */}
- {formatDayLabel(time)}{' '}
- {/* Use same formatDayLabel function for all hours */}
-
- {time.format(timeFormat)}
-
- {/*time.format('A')*/}
-
-
-
- {/* Hour boundary marker - more visible */}
-
- {[15, 30, 45].map((minute) => (
-
+ {time.format(timeFormat)}
+
+ {/*time.format('A')*/}
+
+
+
+ {/* Hour boundary marker - more visible */}
+
+ {[15, 30, 45].map((minute) => (
+
-
- );
- })}
+ );
+ })}
@@ -1222,7 +1229,9 @@ export default function TVChannelGuide({ startDate, endDate }) {
>
{channelPrograms.length > 0 ? (
channelPrograms.map((program) => (
-
+
{renderProgram(program, start)}
))
@@ -1230,7 +1239,9 @@ export default function TVChannelGuide({ startDate, endDate }) {
// Simple placeholder for channels with no program data - 2 hour blocks
<>
{/* Generate repeating placeholder blocks every 2 hours across the timeline */}
- {Array.from({ length: Math.ceil(hourTimeline.length / 2) }).map((_, index) => (
+ {Array.from({
+ length: Math.ceil(hourTimeline.length / 2),
+ }).map((_, index) => (
{
- const [newChannel, setNewChannel] = useState("");
+ const [newChannel, setNewChannel] = useState('');
return (
diff --git a/frontend/src/pages/Settings.jsx b/frontend/src/pages/Settings.jsx
index c940601e..f1b4419a 100644
--- a/frontend/src/pages/Settings.jsx
+++ b/frontend/src/pages/Settings.jsx
@@ -454,16 +454,13 @@ const SettingsPage = () => {
{...form.getInputProps('preferred-region')}
key={form.key('preferred-region')}
id={
- settings['preferred-region']?.id ||
- 'preferred-region'
+ settings['preferred-region']?.id || 'preferred-region'
}
name={
- settings['preferred-region']?.key ||
- 'preferred-region'
+ settings['preferred-region']?.key || 'preferred-region'
}
label={
- settings['preferred-region']?.name ||
- 'Preferred Region'
+ settings['preferred-region']?.name || 'Preferred Region'
}
data={regionChoices.map((r) => ({
label: r.label,
@@ -471,10 +468,7 @@ const SettingsPage = () => {
}))}
/>
-
+
Auto-Import Mapped Files
@@ -571,9 +565,7 @@ const SettingsPage = () => {