Added cursor line rendering to the Build Analyzer chart when a data p…

…oint is selected

- Also fixed an "Invalid URL" error when following the README instructions & running the application locally
- Github Issue: Sendouc#1806

.env.example

@@ -25,6 +25,8 @@ TWITCH_CLIENT_SECRET=
 SKALOP_SYSTEM_MESSAGE_URL=http://localhost:5900/system
 SKALOP_TOKEN=secret
 
+BASE_URL=https://example.com
+
 VITE_SITE_DOMAIN=http://localhost:5173
 VITE_SKALOP_WS_URL=ws://localhost:5900
 

app/components/Chart.tsx

@@ -12,6 +12,7 @@ export default function Chart({
 	headerSuffix,
 	valueSuffix,
 	xAxis,
+  renderCursorLines = false
 }: {
 	options: [
 		{ label: string; data: Array<{ primary: Date; secondary: number }> },
@@ -20,6 +21,7 @@ export default function Chart({
 	headerSuffix?: string;
 	valueSuffix?: string;
 	xAxis: "linear" | "localTime";
+  renderCursorLines?: boolean;
 }) {
 	const { i18n } = useTranslation();
 	const theme = useTheme();
@@ -78,8 +80,8 @@ export default function Chart({
 							/>
 						),
 					},
-					primaryCursor: false,
-					secondaryCursor: false,
+					primaryCursor: renderCursorLines,
+					secondaryCursor: renderCursorLines,
 					primaryAxis,
 					secondaryAxes,
 					dark: theme.htmlThemeClass === Theme.DARK,

app/features/build-analyzer/routes/analyzer.tsx

@@ -1025,6 +1025,7 @@ function StatChart({
 			headerSuffix={t("analyzer:abilityPoints.short")}
 			valueSuffix={valueSuffix}
 			xAxis="linear"
+      renderCursorLines
 		/>
 	);
 }