Add navigator SSR guards

Author: sebastiankrll

apps/web/app/(map)/components/Footer/Controls.tsx

@@ -71,6 +71,7 @@ const SwitchVisibility = ({ checked, onCheckedChange }: { checked: boolean; onCh
 };
 
 const onCenterOnLocation = () => {
+	if (typeof window === "undefined") return;
 	if (navigator.geolocation) {
 		navigator.geolocation.getCurrentPosition(
 			(pos) => {
@@ -127,7 +128,7 @@ const ButtonGroupControls = () => {
 				></TooltipTrigger>
 				<TooltipContent className="pr-1.5">
 					<div className="flex items-center gap-2">
-						Fullscreen <Kbd>{navigator.platform.startsWith("Mac") ? "⌃⌘F" : "F11"}</Kbd>
+						Fullscreen <Kbd>F11</Kbd>
 					</div>
 				</TooltipContent>
 			</Tooltip>

apps/web/app/bookings/components/BookingControls.tsx

@@ -161,7 +161,7 @@ const ButtonGroupMapControls = () => {
 				></TooltipTrigger>
 				<TooltipContent className="pr-1.5">
 					<div className="flex items-center gap-2">
-						Fullscreen <Kbd>{navigator.platform.startsWith("Mac") ? "⌃⌘F" : "F11"}</Kbd>
+						Fullscreen <Kbd>F11</Kbd>
 					</div>
 				</TooltipContent>
 			</Tooltip>

apps/web/app/data/components/Flights/ReplayControls.tsx

@@ -173,7 +173,7 @@ const ButtonGroupMapControls = () => {
 				></TooltipTrigger>
 				<TooltipContent className="pr-1.5">
 					<div className="flex items-center gap-2">
-						Fullscreen <Kbd>{navigator.platform.startsWith("Mac") ? "⌃⌘F" : "F11"}</Kbd>
+						Fullscreen <Kbd>F11</Kbd>
 					</div>
 				</TooltipContent>
 			</Tooltip>

apps/web/app/data/components/Flights/columns.tsx

@@ -196,6 +196,8 @@ function ShareButton({ flight }: { flight: Flight }) {
 	const [shared, setShared] = useState(false);
 
 	const onShareClick = () => {
+		if (typeof window === "undefined") return;
+
 		navigator.clipboard.writeText(`${window.location.origin}/data/flights/${flight.callsign}/${flight.id}`);
 		toast.success("Replay Link Copied to Clipboard!");
 		setShared(true);

apps/web/components/Map/Overlays.tsx

@@ -183,6 +183,8 @@ function ControllerOverlay({ controllers }: { controllers: ControllerShort[] | u
 	if (!controllers || controllers.length === 0) return null;
 
 	const onCopy = (controller: ControllerShort) => {
+		if (typeof window === "undefined") return;
+
 		const atis = controller?.atis?.join("\n") || "";
 		navigator.clipboard.writeText(atis);
 		setCopied(controller.callsign);

apps/web/components/Panel/Airport/AirportFooter.tsx

@@ -21,6 +21,8 @@ export function AirportFooter({ icao, mapService }: { icao: string; mapService?:
 	const [loading, setLoading] = useState(false);
 
 	const onShareClick = () => {
+		if (typeof window === "undefined") return;
+
 		navigator.clipboard.writeText(`${window.location.origin}/airport/${icao}`);
 		toast.success("Link Copied to Clipboard!");
 		setShared(true);

apps/web/components/Panel/Pilot/PilotFooter.tsx

@@ -20,6 +20,8 @@ export function PilotFooter({ pilot, mapService }: { pilot: PilotLong; mapServic
 	};
 
 	const onShareClick = () => {
+		if (typeof window === "undefined") return;
+
 		navigator.clipboard.writeText(window.location.href);
 		toast.success("Link Copied to Clipboard!");
 		setShared(true);

apps/web/components/Panel/Sector/SectorFooter.tsx

@@ -9,6 +9,8 @@ export function SectorFooter({ callsign }: { callsign: string }) {
 	const [shared, setShared] = useState(false);
 
 	const onShareClick = () => {
+		if (typeof window === "undefined") return;
+
 		navigator.clipboard.writeText(`${window.location.origin}/sector/${callsign}`);
 		toast.success("Link Copied to Clipboard!");
 		setShared(true);

apps/web/components/Panel/shared/ControllerInfo.tsx

@@ -27,6 +27,8 @@ export default function ControllerInfo({
 	const atis = controller.atis?.join("\n") || "No ATIS information available.";
 
 	const onCopyClick = () => {
+		if (typeof window === "undefined") return;
+
 		navigator.clipboard.writeText(atis);
 		toast.success("ATIS Copied to Clipboard!");
 		setCopied(true);

apps/web/lib/map/MapService.ts

@@ -230,6 +230,8 @@ export class MapService {
 	}
 
 	public addEventListeners() {
+		if (typeof window === "undefined") return;
+
 		this.map?.on("moveend", this.onMoveEnd);
 
 		const isTouch = "ontouchstart" in window || navigator.maxTouchPoints > 0;