STATS-77 - Show correct backlink to the insights page (#103539)

Co-authored-by: Copilot <[email protected]>

Author: Nikschavan

client/my-sites/stats/hooks/use-stats-navigation-history.ts

@@ -17,6 +17,7 @@ const possibleBackLinks: { [ key: string ]: string | null } = {
 	subscribers: '/stats/subscribers/{period}/',
 	posts: '/stats/{period}/posts/',
 	authors: '/stats/{period}/authors/',
+	annualstats: '/stats/day/annualstats/',
 	postDetails: null, // Last item in the history, the text is not displayed anywhere but this is used to track the item in history stack.
 };
 
@@ -53,6 +54,7 @@ export const useStatsNavigationHistory = (): { text: string; url: string | null
 			subscribers: translate( 'Subscribers' ),
 			posts: translate( 'Posts & pages' ),
 			authors: translate( 'Authors' ),
+			annualstats: translate( 'Annual insights' ),
 			postDetails: null,
 		} ),
 		[]

client/my-sites/stats/pages/insights/controller.tsx

@@ -6,7 +6,11 @@ setTimeout( () => import( 'calypso/my-sites/stats/pages/insights' ), 3000 );
 
 function insights( context: Context, next: () => void ) {
 	context.primary = (
-		<AsyncLoad require="calypso/my-sites/stats/pages/insights" placeholder={ PageLoading } />
+		<AsyncLoad
+			require="calypso/my-sites/stats/pages/insights"
+			placeholder={ PageLoading }
+			context={ context }
+		/>
 	);
 	next();
 }

client/my-sites/stats/pages/insights/index.jsx

@@ -16,6 +16,7 @@ import StatShares from 'calypso/my-sites/stats/features/modules/stats-shares';
 import StatsModuleTags from 'calypso/my-sites/stats/features/modules/stats-tags';
 import usePlanUsageQuery from 'calypso/my-sites/stats/hooks/use-plan-usage-query';
 import { useShouldGateStats } from 'calypso/my-sites/stats/hooks/use-should-gate-stats';
+import { recordCurrentScreen } from 'calypso/my-sites/stats/hooks/use-stats-navigation-history';
 import { useSelector } from 'calypso/state';
 import { STATS_PLAN_USAGE_RECEIVE } from 'calypso/state/action-types';
 import { isJetpackSite } from 'calypso/state/sites/selectors';
@@ -29,7 +30,7 @@ import statsStrings from '../../stats-strings';
 import StatsUpsell from '../../stats-upsell/insights-upsell';
 import StatsModuleListing from '../shared/stats-module-listing';
 
-function StatsInsights() {
+function StatsInsights( { context } ) {
 	const siteId = useSelector( ( state ) => getSelectedSiteId( state ) );
 	const siteSlug = useSelector( ( state ) => getSelectedSiteSlug( state, siteId ) );
 	const isJetpack = useSelector( ( state ) => isJetpackSite( state, siteId ) );
@@ -60,6 +61,18 @@ function StatsInsights() {
 		[]
 	); // Track the last viewed tab.
 
+	useEffect( () => {
+		const query = context.query;
+		recordCurrentScreen(
+			'insights',
+			{
+				queryParams: query,
+				period: null,
+			},
+			true
+		);
+	}, [ context.query ] );
+
 	const isWPAdmin = config.isEnabled( 'is_odyssey' );
 	const insightsPageClasses = clsx( 'stats', { 'is-odyssey-stats': isWPAdmin } );