alex.zinn/WebControlCenter
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

format

Browse Source
This commit is contained in:
Alexander Zinn
2025-09-05 03:11:09 -04:00
parent fdefdbd12e
commit 0dbcc1a59d
5 changed files with 14 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/routers/index.tsx
View File

@@ -1,6 +1,6 @@
import {BrowserRouter, Route, Routes, Navigate} from 'react-router-dom'; import {BrowserRouter, Route, Routes, Navigate} from 'react-router-dom';
import {ProtectedRoute} from 'components'; import {ProtectedRoute} from 'components';
import {LoginForm, ChannelList} from 'views'; import {LoginForm, ChannelList, ChannelDetail} from 'views';
export default function Router() { export default function Router() {
return ( return (
@@ -12,7 +12,7 @@ export default function Router() {
{/* Protected routes */} {/* Protected routes */}
<Route path="/" element={<Navigate to="/channels" replace />} /> <Route path="/" element={<Navigate to="/channels" replace />} />
<Route path="/channels" element={<ProtectedRoute component={<ChannelList />} />} /> <Route path="/channels" element={<ProtectedRoute component={<ChannelList />} />} />
<Route path="/channels/:channelId" element={<ProtectedRoute component={<ChannelDetail />} />} />
{/* Fallback route */} {/* Fallback route */}
<Route path="*" element={<Navigate to="/login" replace />} /> <Route path="*" element={<Navigate to="/login" replace />} />
</Routes> </Routes>

5
src/views/ChannelDetail/ChannelDetail.tsx Normal file
View File

@@ -0,0 +1,5 @@
import { JSX } from 'react';
export function ChannelDetail(): JSX.Element {
return <div>ChannelDetail</div>;
}

1
src/views/ChannelDetail/index.ts Normal file
View File

@@ -0,0 +1 @@
export * from './ChannelDetail';

8
src/views/ChannelList/ChannelList.tsx
View File

@@ -102,12 +102,14 @@ export const ChannelList = (): React.JSX.Element => {
); );
} }
if (isFetching) {
return <ChannelListLoading />;
}
return ( return (
<div> <div>
<Body className="table-container"> <Body className="table-container">
{isFetching ? ( {channels.length === 0 ? (
<ChannelListLoading />
) : channels.length === 0 ? (
<Main> <Main>
<div style={{textAlign: 'center', padding: '2rem'}}> <div style={{textAlign: 'center', padding: '2rem'}}>
<h3>No channels found</h3> <h3>No channels found</h3>

1
src/views/index.ts
View File

@@ -1,2 +1,3 @@
export * from './LoginForm'; export * from './LoginForm';
export * from './ChannelList'; export * from './ChannelList';
export * from './ChannelDetail';