diff --git a/frontend/src/components/common/PageHeader.tsx b/frontend/src/components/common/PageHeader.tsx index 8f6b9f8d..b24be019 100644 --- a/frontend/src/components/common/PageHeader.tsx +++ b/frontend/src/components/common/PageHeader.tsx @@ -18,6 +18,7 @@ interface PageHeaderProps { icon: ReactNode; color: 'blue' | 'green' | 'purple' | 'orange' | 'red' | 'indigo'; }; + hideSiteSector?: boolean; // Hide site/sector selector and info for global pages } export default function PageHeader({ @@ -27,6 +28,7 @@ export default function PageHeader({ onRefresh, className = "", badge, + hideSiteSector = false, }: PageHeaderProps) { const { activeSite } = useSiteStore(); const { activeSector } = useSectorStore(); @@ -53,42 +55,51 @@ export default function PageHeader({ )}

{title}

-
- {lastUpdated && ( - <> -

- Last updated: {lastUpdated.toLocaleTimeString()} -

- - )} - {activeSite && ( - <> - {lastUpdated && } -

- Site: {activeSite.name} -

- - )} - {activeSector && ( - <> - -

- Sector: {activeSector.name} -

- - )} - {!activeSector && activeSite && ( - <> - -

- Sector: All Sectors -

- - )} -
+ {!hideSiteSector && ( +
+ {lastUpdated && ( + <> +

+ Last updated: {lastUpdated.toLocaleTimeString()} +

+ + )} + {activeSite && ( + <> + {lastUpdated && } +

+ Site: {activeSite.name} +

+ + )} + {activeSector && ( + <> + +

+ Sector: {activeSector.name} +

+ + )} + {!activeSector && activeSite && ( + <> + +

+ Sector: All Sectors +

+ + )} +
+ )} + {hideSiteSector && lastUpdated && ( +
+

+ Last updated: {lastUpdated.toLocaleTimeString()} +

+
+ )}
- + {!hideSiteSector && } {showRefresh && onRefresh && (