fix: Browser Back button not functioning after redirecting to the Analytics page from the Project details page gf-540 (#542)

* feat: add check for initial load in use search filters hook gf-540

* feat: add contributor name search preselected on redirection gf-540

* fix: add link to contributor item activity chart gf-540

Author: s1rserg

apps/frontend/src/libs/components/chart/chart.tsx

@@ -6,11 +6,17 @@ import styles from "./styles.module.css";
 
 type Properties = {
 	data: ChartData;
+	isCursorPointer: boolean;
 };
 
-const Chart = ({ data }: Properties): JSX.Element => {
+const Chart = ({ data, isCursorPointer }: Properties): JSX.Element => {
 	return (
-		<LineChart data={data} height={40} width={120}>
+		<LineChart
+			data={data}
+			height={40}
+			style={{ cursor: isCursorPointer ? "pointer" : "default" }}
+			width={120}
+		>
 			<Line className={styles["line"] as string} dataKey="y" dot={false} />
 		</LineChart>
 	);

apps/frontend/src/libs/hooks/use-search-filters/use-search-filters.hook.ts

@@ -20,7 +20,15 @@ const useSearchFilters = ({
 		: "";
 	const [search, setSearch] = useState<string>(searchParameter);
 
+	const [isInitialLoad, setIsInitialLoad] = useState<boolean>(true);
+
 	useEffect(() => {
+		if (isInitialLoad) {
+			setIsInitialLoad(false);
+
+			return;
+		}
+
 		if (isSavedToUrl) {
 			const updatedSearchParameters = new URLSearchParams(searchParameters);
 			updatedSearchParameters.set(queryParameterName, search);

apps/frontend/src/pages/project/libs/components/contributor-card/contributor-card.tsx

@@ -47,6 +47,7 @@ const ContributorCard = ({
 }: Properties): JSX.Element => {
 	const analyticsRoute = configureQueryString(AppRoute.ANALYTICS, [
 		[QueryParameterName.PROJECT_ID, projectId],
+		[QueryParameterName.SEARCH, contributor.name],
 	]);
 
 	const currentDate = getStartOfDay(new Date());
@@ -94,7 +95,11 @@ const ContributorCard = ({
 			{hasActivityIndicator && (
 				<ActivityIndicator label={lastUpdateLabel} status={colorStatus} />
 			)}
-			{hasActivityData && <Chart data={activityData} />}
+			{hasActivityData && (
+				<NavLink to={analyticsRoute}>
+					<Chart data={activityData} isCursorPointer />
+				</NavLink>
+			)}
 			<ContributorMenu
 				contributorId={contributor.id}
 				hasEditPermission={hasEditPermission}