From 5b49d483d110c33be43e6311becf6b5bdb92b00a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Maciej=20W=C3=B3jcik?= <maciej@defguard.net>
Date: Thu, 7 Aug 2025 13:11:21 +0200
Subject: [PATCH 1/2] remove unused component

---
 .../OverviewStatsFilterSelect.tsx             | 74 -------------------
 1 file changed, 74 deletions(-)
 delete mode 100644 web/src/pages/overview/OverviewStatsFilterSelect/OverviewStatsFilterSelect.tsx

diff --git a/web/src/pages/overview/OverviewStatsFilterSelect/OverviewStatsFilterSelect.tsx b/web/src/pages/overview/OverviewStatsFilterSelect/OverviewStatsFilterSelect.tsx
deleted file mode 100644
index 493455b749..0000000000
--- a/web/src/pages/overview/OverviewStatsFilterSelect/OverviewStatsFilterSelect.tsx
+++ /dev/null
@@ -1,74 +0,0 @@
-import { useCallback } from 'react';
-
-import { Select } from '../../../shared/defguard-ui/components/Layout/Select/Select';
-import {
-  type SelectOption,
-  type SelectSelectedValue,
-  SelectSizeVariant,
-} from '../../../shared/defguard-ui/components/Layout/Select/types';
-import { useOverviewStore } from '../hooks/store/useOverviewStore';
-
-export const OverviewStatsFilterSelect = () => {
-  const filterValue = useOverviewStore((state) => state.statsFilter);
-  const setOverviewStore = useOverviewStore((state) => state.setState);
-
-  const renderSelected = useCallback((selected: number): SelectSelectedValue => {
-    return {
-      key: selected,
-      displayValue: `${selected}H`,
-    };
-  }, []);
-
-  return (
-    <Select
-      renderSelected={renderSelected}
-      options={selectOptions}
-      selected={filterValue}
-      onChangeSingle={(res) => setOverviewStore({ statsFilter: res })}
-      sizeVariant={SelectSizeVariant.SMALL}
-    />
-  );
-};
-
-const selectOptions: SelectOption<number>[] = [
-  {
-    value: 1,
-    label: '1H',
-    key: 1,
-  },
-  {
-    value: 2,
-    label: '2H',
-    key: 2,
-  },
-  {
-    value: 4,
-    label: '4H',
-    key: 4,
-  },
-  {
-    value: 6,
-    label: '6H',
-    key: 6,
-  },
-  {
-    value: 8,
-    label: '8H',
-    key: 8,
-  },
-  {
-    value: 10,
-    label: '10H',
-    key: 10,
-  },
-  {
-    value: 12,
-    label: '12H',
-    key: 12,
-  },
-  {
-    value: 24,
-    label: '24H',
-    key: 24,
-  },
-];

From caa8b7438b864c44ea3e1050f649bd3e24197d85 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Maciej=20W=C3=B3jcik?= <maciej@defguard.net>
Date: Thu, 7 Aug 2025 13:23:19 +0200
Subject: [PATCH 2/2] remove duplicate time filter

---
 web/src/i18n/i18n-types.ts                             | 6 ++++++
 web/src/pages/overview/OverviewStats/OverviewStats.tsx | 4 ++--
 web/src/pages/overview/hooks/store/useOverviewStore.ts | 1 -
 web/src/shared/types.ts                                | 1 -
 4 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/web/src/i18n/i18n-types.ts b/web/src/i18n/i18n-types.ts
index 7101a4be28..ca8c7751ba 100644
--- a/web/src/i18n/i18n-types.ts
+++ b/web/src/i18n/i18n-types.ts
@@ -4774,6 +4774,9 @@ type RootTranslation = {
 				 * B​a​s​e​d​ ​o​n​ ​t​h​i​s​ ​a​d​d​r​e​s​s​ ​V​P​N​ ​n​e​t​w​o​r​k​ ​a​d​d​r​e​s​s​ ​w​i​l​l​ ​b​e​ ​d​e​f​i​n​e​d​,​ ​e​g​.​ ​1​0​.​1​0​.​1​0​.​1​/​2​4​ ​(​a​n​d​ ​V​P​N​ ​n​e​t​w​o​r​k​ ​w​i​l​l​ ​b​e​:​ ​1​0​.​1​0​.​1​0​.​0​/​2​4​)​.​ ​Y​o​u​ ​c​a​n​ ​o​p​t​i​o​n​a​l​l​y​ ​s​p​e​c​i​f​y​ ​m​u​l​t​i​p​l​e​ ​a​d​d​r​e​s​s​e​s​ ​s​e​p​a​r​a​t​e​d​ ​b​y​ ​a​ ​c​o​m​m​a​.​ ​T​h​e​ ​f​i​r​s​t​ ​a​d​d​r​e​s​s​ ​i​s​ ​t​h​e​ ​p​r​i​m​a​r​y​ ​a​d​d​r​e​s​s​,​ ​a​n​d​ ​t​h​i​s​ ​o​n​e​ ​w​i​l​l​ ​b​e​ ​u​s​e​d​ ​f​o​r​ ​I​P​ ​a​d​d​r​e​s​s​ ​a​s​s​i​g​n​m​e​n​t​ ​f​o​r​ ​d​e​v​i​c​e​s​.​ ​T​h​e​ ​o​t​h​e​r​ ​I​P​ ​a​d​d​r​e​s​s​e​s​ ​a​r​e​ ​a​u​x​i​l​i​a​r​y​ ​a​n​d​ ​a​r​e​ ​n​o​t​ ​m​a​n​a​g​e​d​ ​b​y​ ​D​e​f​g​u​a​r​d​.
 				 */
 				address: string
+				/**
+				 * P​u​b​l​i​c​ ​I​P​ ​a​d​d​r​e​s​s​ ​o​r​ ​d​o​m​a​i​n​ ​n​a​m​e​ ​t​o​ ​w​h​i​c​h​ ​t​h​e​ ​r​e​m​o​t​e​ ​p​e​e​r​s​/​u​s​e​r​s​ ​w​i​l​l​ ​c​o​n​n​e​c​t​ ​t​o​.​ ​T​h​i​s​ ​a​d​d​r​e​s​s​ ​w​i​l​l​ ​b​e​ ​u​s​e​d​ ​i​n​ ​t​h​e​ ​c​o​n​f​i​g​u​r​a​t​i​o​n​ ​f​o​r​ ​t​h​e​ ​c​l​i​e​n​t​s​,​ ​b​u​t​ ​D​e​f​g​u​a​r​d​ ​G​a​t​e​w​a​y​s​ ​d​o​ ​n​o​t​ ​b​i​n​d​ ​t​o​ ​t​h​i​s​ ​a​d​d​r​e​s​s​.
+				 */
 				endpoint: string
 				/**
 				 * G​a​t​e​w​a​y​ ​p​u​b​l​i​c​ ​a​d​d​r​e​s​s​,​ ​u​s​e​d​ ​b​y​ ​V​P​N​ ​u​s​e​r​s​ ​t​o​ ​c​o​n​n​e​c​t
@@ -11370,6 +11373,9 @@ export type TranslationFunctions = {
 				 * Based on this address VPN network address will be defined, eg. 10.10.10.1/24 (and VPN network will be: 10.10.10.0/24). You can optionally specify multiple addresses separated by a comma. The first address is the primary address, and this one will be used for IP address assignment for devices. The other IP addresses are auxiliary and are not managed by Defguard.
 				 */
 				address: () => LocalizedString
+				/**
+				 * Public IP address or domain name to which the remote peers/users will connect to. This address will be used in the configuration for the clients, but Defguard Gateways do not bind to this address.
+				 */
 				endpoint: () => LocalizedString
 				/**
 				 * Gateway public address, used by VPN users to connect
diff --git a/web/src/pages/overview/OverviewStats/OverviewStats.tsx b/web/src/pages/overview/OverviewStats/OverviewStats.tsx
index b2ff3a5264..f4ebc26d88 100644
--- a/web/src/pages/overview/OverviewStats/OverviewStats.tsx
+++ b/web/src/pages/overview/OverviewStats/OverviewStats.tsx
@@ -14,7 +14,7 @@ import { NetworkSpeed } from '../../../shared/defguard-ui/components/Layout/Netw
 import { NetworkDirection } from '../../../shared/defguard-ui/components/Layout/NetworkSpeed/types';
 import { isPresent } from '../../../shared/defguard-ui/utils/isPresent';
 import type { WireguardNetworkStats } from '../../../shared/types';
-import { useOverviewStore } from '../hooks/store/useOverviewStore';
+import { useOverviewTimeSelection } from '../../overview-index/components/hooks/useOverviewTimeSelection';
 import { NetworkUsageChart } from '../OverviewConnectedUsers/shared/components/NetworkUsageChart/NetworkUsageChart';
 import { networkTrafficToChartData } from './utils';
 
@@ -24,7 +24,7 @@ interface Props {
 
 export const OverviewStats = forwardRef<HTMLDivElement, Props>(
   ({ networkStats }, ref) => {
-    const filterValue = useOverviewStore((state) => state.statsFilter);
+    const { from: filterValue } = useOverviewTimeSelection();
     const peakDownload = useMemo(() => {
       const sorted = orderBy(networkStats.transfer_series, (stats) => stats.download, [
         'desc',
diff --git a/web/src/pages/overview/hooks/store/useOverviewStore.ts b/web/src/pages/overview/hooks/store/useOverviewStore.ts
index e466c872b3..55faf4c19e 100644
--- a/web/src/pages/overview/hooks/store/useOverviewStore.ts
+++ b/web/src/pages/overview/hooks/store/useOverviewStore.ts
@@ -14,7 +14,6 @@ export const useOverviewStore = createWithEqualityFn<
       networks: [],
       viewMode: OverviewLayoutType.GRID,
       defaultViewMode: OverviewLayoutType.GRID,
-      statsFilter: 1,
       setState: (newValues) => set((state) => ({ ...state, ...newValues })),
     }),
     {
diff --git a/web/src/shared/types.ts b/web/src/shared/types.ts
index b8d846af63..59d2410939 100644
--- a/web/src/shared/types.ts
+++ b/web/src/shared/types.ts
@@ -1235,7 +1235,6 @@ export enum OverviewLayoutType {
 export interface OverviewStore {
   viewMode: OverviewLayoutType;
   defaultViewMode: OverviewLayoutType;
-  statsFilter: number;
   networks?: Network[];
   selectedNetworkId?: number;
   setState: (override: Partial<OverviewStore>) => void;