Use absolute urls to assets

openstreetmap-polska · Feb 12, 2024 · 2435b96 · 2435b96
1 parent a776abd
commit 2435b96
Show file tree

Hide file tree

Showing 9 changed files with 11 additions and 11 deletions.
diff --git a/src/3rdparty/reactStoreBadges.tsx b/src/3rdparty/reactStoreBadges.tsx
@@ -5,10 +5,10 @@ import React, { FC, useLayoutEffect, useState } from "react";
 const HEIGHT_RATIO = 3.375;
 
 export const googlePlayPath = (language: string) =>
-	`img/google-play/${language}.svg`;
+	`/img/google-play/${language}.svg`;
 
 export const appStorePath = (language: string) =>
-	`img/play-store/${language}.svg`;
+	`/img/play-store/${language}.svg`;
 
 const badgePath = (platform: "ios" | "android", language: string): string =>
 	platform === "android" ? googlePlayPath(language) : appStorePath(language);

diff --git a/src/components/map_style.ts b/src/components/map_style.ts
@@ -4,7 +4,7 @@ import { Country } from "~/model/country";
 
 const getUrl = window.location;
 const baseUrl = `${getUrl.protocol}//${getUrl.host}${getUrl.pathname}`;
-const spriteUrl = new URL("img/sprite", baseUrl).href;
+const spriteUrl = new URL("/img/sprite", baseUrl).href;
 // can't use URL class since this is a template not literal url
 const tilesUrl = `${backendBaseUrl}/api/v1/tile/{z}/{x}/{y}.mvt`;
 const TILE_COUNTRIES_MAX_ZOOM = 6;

diff --git a/src/components/navbar.tsx b/src/components/navbar.tsx
@@ -60,7 +60,7 @@ const SiteNavbar: FC<SiteNavbarProps> = ({ toggleSidebarShown }) => {
 						target="_blank"
 						title="CloudFerro"
 					>
-						<img alt="CloudFerro" src="img/cloudferro_logo.png" />
+						<img alt="CloudFerro" src="/img/cloudferro_logo.png" />
 					</a>
 				</Navbar.Item>
 				<LanguageSwitcher />
@@ -153,7 +153,7 @@ const SiteNavbar: FC<SiteNavbarProps> = ({ toggleSidebarShown }) => {
 						>
 							{t("navbar.hosted_by")}{" "}
 						</span>
-						<img alt="CloudFerro" src="img/cloudferro_logo.png" />
+						<img alt="CloudFerro" src="/img/cloudferro_logo.png" />
 					</Navbar.Item>
 				</Navbar.Container>
 			</Navbar.Menu>

diff --git a/src/components/partnersModal.tsx b/src/components/partnersModal.tsx
@@ -67,7 +67,7 @@ const PartnersModal: FC = () => {
 								<figure className="image">
 									<img
 										alt={partner.name}
-										src={`./img/${partner.image}`}
+										src={`/img/${partner.image}`}
 										style={{ height: `${partner.imageHeight}px` }}
 									/>
 								</figure>

diff --git a/src/components/sidebar/defibrillatorDetails.tsx b/src/components/sidebar/defibrillatorDetails.tsx
@@ -153,7 +153,7 @@ const DefibrillatorDetails: FC<DefibrillatorDetailsProps> = (props) => {
 					<Image
 						m={2}
 						className="icon"
-						src="./img/logo-aed.svg"
+						src="/img/logo-aed.svg"
 						color="white"
 						alt=""
 						size={48}

diff --git a/src/components/sidebar/defibrillatorEditor.tsx b/src/components/sidebar/defibrillatorEditor.tsx
@@ -154,7 +154,7 @@ const DefibrillatorEditor: FC<DefibrillatorEditorProps> = ({
 					<Image
 						m={2}
 						className="icon"
-						src="./img/logo-aed.svg"
+						src="/img/logo-aed.svg"
 						color="white"
 						alt=""
 						size={48}

diff --git a/src/components/sidebar/photoReporter.tsx b/src/components/sidebar/photoReporter.tsx
@@ -50,7 +50,7 @@ const PhotoReport: FC<DefibrillatorDetailsProps> = (props) => {
 					<Image
 						m={2}
 						className="icon"
-						src="./img/logo-aed.svg"
+						src="/img/logo-aed.svg"
 						color="white"
 						alt=""
 						size={48}

diff --git a/src/components/sidebar/photoUploader.tsx b/src/components/sidebar/photoUploader.tsx
@@ -42,7 +42,7 @@ const PhotoUpload: FC<DefibrillatorDetailsProps> = (props) => {
 					<Image
 						m={2}
 						className="icon"
-						src="./img/logo-aed.svg"
+						src="/img/logo-aed.svg"
 						color="white"
 						alt=""
 						size={48}

diff --git a/src/i18n.ts b/src/i18n.ts
@@ -33,7 +33,7 @@ i18n
 				escapeValue: false, // not needed for react as it escapes by default
 			},
 			backend: {
-				loadPath: "./locales/{{lng}}/{{ns}}.json",
+				loadPath: "/locales/{{lng}}/{{ns}}.json",
 			},
 			detection: {
 				order: ["localStorage", "path", "navigator", "htmlTag"],