-
+
- {open &&
+ {open && (
+
-
-
-
- );
-};
-
-export default HeaderBar;
diff --git a/frontend/src/components/Sidebar.js b/frontend/src/components/Sidebar.js
index 3ecc7bb4..47c9ef4d 100644
--- a/frontend/src/components/Sidebar.js
+++ b/frontend/src/components/Sidebar.js
@@ -1,33 +1,30 @@
-import React from 'react';
-import { Link, useLocation } from 'react-router-dom';
+import React from "react";
+import { Link, useLocation } from "react-router-dom";
import {
- Drawer,
List,
ListItem,
ListItemButton,
ListItemText,
ListItemIcon,
- Divider,
-} from '@mui/material';
+} from "@mui/material";
import {
- Menu as MenuIcon,
- Home as HomeIcon,
- Settings as SettingsIcon,
- Info as InfoIcon,
- Description as DescriptionIcon,
Tv as TvIcon,
CalendarMonth as CalendarMonthIcon,
VideoFile as VideoFileIcon,
LiveTv as LiveTvIcon,
PlaylistPlay as PlaylistPlayIcon,
-} from '@mui/icons-material';
+} from "@mui/icons-material";
const items = [
- { text: 'Channels', icon: -
{items.map((item) => (
-
- ) : filterVariant === 'select' ? (
-
- ) : (
-
- {/* See faceted column filters example for min max values functionality */}
-
- column.setFilterValue((old) => [value, old?.[1]])
- }
- placeholder={`Min`}
- className="w-24 border shadow rounded"
- />
-
- column.setFilterValue((old) => [old?.[0], value])
- }
- placeholder={`Max`}
- className="w-24 border shadow rounded"
- />
-
-
-
diff --git a/frontend/src/pages/EPG.js b/frontend/src/pages/EPG.js
index 0442c711..24909f05 100644
--- a/frontend/src/pages/EPG.js
+++ b/frontend/src/pages/EPG.js
@@ -1,27 +1,27 @@
-import React, { useState } from 'react';
-import { Box, Snackbar } from '@mui/material';
-import UserAgentsTable from '../components/tables/UserAgentsTable';
-import EPGsTable from '../components/tables/EPGsTable';
+import React from "react";
+import { Box } from "@mui/material";
+import UserAgentsTable from "../components/tables/UserAgentsTable";
+import EPGsTable from "../components/tables/EPGsTable";
const EPGPage = () => {
return (
-
+
-
+
- )
+ );
};
export default EPGPage;
diff --git a/frontend/src/pages/Guide.js b/frontend/src/pages/Guide.js
index fdfc51b9..ce292fe8 100644
--- a/frontend/src/pages/Guide.js
+++ b/frontend/src/pages/Guide.js
@@ -1,63 +1,63 @@
-import React from "react";
+import React from 'react';
import { useEpg, Epg, Layout } from 'planby';
-import API from '../api'
+import API from '../api';
function App() {
- const [channels, setChannels] = React.useState([])
- const [epg, setEpg] = React.useState([])
+ const [channels, setChannels] = React.useState([]);
+ const [epg, setEpg] = React.useState([]);
const fetchChannels = async () => {
- const channels = await API.getChannels()
- const retval = []
+ const channels = await API.getChannels();
+ const retval = [];
for (const channel of channels) {
- if (!channel.channel_name.includes("Nickelod")) {
- continue
+ if (!channel.tvg_id) {
+ continue;
}
- console.log(channel)
+ console.log(channel);
retval.push({
- uuid: "Nickelodeon (East).us",
- type: "channel",
+ uuid: channel.tvg_id,
+ type: 'channel',
title: channel.channel_name,
- country: "USA",
- provider: channel.channel_group?.name || "Default",
- logo: channel.logo_url || "/images/logo.png",
+ country: 'USA',
+ provider: channel.channel_group?.name || 'Default',
+ logo: channel.logo_url || '/images/logo.png',
year: 2025,
- })
+ });
}
- setChannels(retval)
+ setChannels(retval);
return retval;
- }
+ };
const fetchEpg = async () => {
const programs = await API.getGrid();
- const retval = []
- console.log(programs)
+ const retval = [];
+ console.log(programs);
for (const program of programs.data) {
retval.push({
id: program.id,
- channelUuid: "Nickelodeon (East).us",
+ channelUuid: 'Nickelodeon (East).us',
description: program.description,
title: program.title,
since: program.start_time,
till: program.end_time,
- })
+ });
}
- setEpg(retval)
+ setEpg(retval);
return retval;
- }
+ };
const fetchData = async () => {
- const channels = await fetchChannels()
- const epg = await fetchEpg()
+ const channels = await fetchChannels();
+ const epg = await fetchEpg();
- setChannels(channels)
- setEpg(epg)
- }
+ setChannels(channels);
+ setEpg(epg);
+ };
if (channels.length === 0) {
- fetchData()
+ fetchData();
}
const formatDate = (date) => date.toISOString().split('T')[0] + 'T00:00:00';
@@ -74,19 +74,17 @@ function App() {
} = useEpg({
epg,
channels,
- startDate: '2025/02/24', // or 2022-02-02T00:00:00
+ startDate: '2025-02-25T11:00:00', // or 2022-02-02T00:00:00
width: '100%',
height: 600,
});
return (
+
+
);
}
diff --git a/frontend/src/pages/Guide/components/ChannelItem.js b/frontend/src/pages/Guide/components/ChannelItem.js
deleted file mode 100644
index fcb67a26..00000000
--- a/frontend/src/pages/Guide/components/ChannelItem.js
+++ /dev/null
@@ -1,16 +0,0 @@
-import { ChannelBox, ChannelLogo } from "planby";
-
-export const ChannelItem = ({ channel }) => {
- const { position, logo } = channel;
- return (
-
-
-
-
+
diff --git a/frontend/src/pages/Login.js b/frontend/src/pages/Login.js
index 4e69545b..5ed4f203 100644
--- a/frontend/src/pages/Login.js
+++ b/frontend/src/pages/Login.js
@@ -1,8 +1,8 @@
-import React from 'react';
-import LoginForm from '../components/forms/LoginForm';
+import React from "react";
+import LoginForm from "../components/forms/LoginForm";
const Login = () => {
- return
-
+
-
+
@@ -66,10 +65,8 @@ const M3UPage = () => {
isOpen={playlistModalOpen}
onClose={() => setPlaylistModalOpen(false)}
/>
-
-
- )
+ );
};
export default M3UPage;
diff --git a/frontend/src/pages/StreamProfiles.js b/frontend/src/pages/StreamProfiles.js
index 2305f5c6..615bace2 100644
--- a/frontend/src/pages/StreamProfiles.js
+++ b/frontend/src/pages/StreamProfiles.js
@@ -1,10 +1,8 @@
-import React, { useState } from 'react';
-import StreamProfilesTable from '../components/tables/StreamProfilesTable';
+import React from "react";
+import StreamProfilesTable from "../components/tables/StreamProfilesTable";
const StreamProfilesPage = () => {
- return (
-
Loading...
;
if (error) return Error: {error}
;
@@ -47,17 +46,17 @@ const M3UPage = () => {
return (