lukas.pupkalipinski/BanGUI
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactoring-backend #3

Merged
lukas.pupkalipinski merged 403 commits from refactoring-backend into main 2026-05-20 20:23:46 +02:00
Conversation 0 Commits 403 Files Changed 549 +6 -11
1 changed files with 6 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 941502b710 - Show all commits

17
frontend/src/components/BanTable.tsx
View File

@@ -9,7 +9,6 @@
*/ */
import { memo, useMemo } from "react"; import { memo, useMemo } from "react";
import { useDashboardFilters } from "../providers/DashboardFilterProvider";
import { import {
Badge, Badge,
Button, Button,
@@ -42,16 +41,16 @@ interface BanTableProps {
* Active time-range preset — controlled by the parent `DashboardPage`. * Active time-range preset — controlled by the parent `DashboardPage`.
* Changing this value triggers a re-fetch. * Changing this value triggers a re-fetch.
*/ */
timeRange?: TimeRange; timeRange: TimeRange;
/** /**
* Active origin filter — controlled by the parent `DashboardPage`. * Active origin filter — controlled by the parent `DashboardPage`.
* Changing this value triggers a re-fetch and resets to page 1. * Changing this value triggers a re-fetch and resets to page 1.
*/ */
origin?: BanOriginFilter; origin: BanOriginFilter;
/** /**
* Data source used for the table query. * Data source used for the table query.
*/ */
source?: "fail2ban" | "archive"; source: "fail2ban" | "archive";
} }
// --------------------------------------------------------------------------- // ---------------------------------------------------------------------------
@@ -194,14 +193,10 @@ function buildBanColumns(styles: ReturnType<typeof useStyles>): TableColumnDefin
*/ */
export const BanTable = memo(function BanTable({ timeRange, origin, source }: BanTableProps): React.JSX.Element { export const BanTable = memo(function BanTable({ timeRange, origin, source }: BanTableProps): React.JSX.Element {
const styles = useStyles(); const styles = useStyles();
const context = useDashboardFilters();
const effectiveTimeRange = timeRange ?? context.timeRange;
const effectiveOrigin = origin ?? context.originFilter;
const effectiveSource = source ?? context.source;
const { banItems, total, page, setPage, loading, error, refresh } = useBans( const { banItems, total, page, setPage, loading, error, refresh } = useBans(
effectiveTimeRange, timeRange,
effectiveOrigin, origin,
effectiveSource, source,
); );
const banColumns = useMemo(() => buildBanColumns(styles), [styles]); const banColumns = useMemo(() => buildBanColumns(styles), [styles]);