From fec642a03937fa57a2fa789699d8b37e5ac5b8a7 Mon Sep 17 00:00:00 2001
From: Ben Senescu <44480372+bensenescu@users.noreply.github.com>
Date: Thu, 9 Jul 2026 22:27:09 -0400
Subject: [PATCH] Add Search Console property links to search performance page
 (#374)

* Add Search Console property links to performance page

* Simplify GSC property settings link
---
 .../SearchPerformancePage.tsx                 | 25 ++++++++++++++-----
 1 file changed, 19 insertions(+), 6 deletions(-)

diff --git a/src/client/features/search-performance/SearchPerformancePage.tsx b/src/client/features/search-performance/SearchPerformancePage.tsx
index d082789..cef8d37 100644
--- a/src/client/features/search-performance/SearchPerformancePage.tsx
+++ b/src/client/features/search-performance/SearchPerformancePage.tsx
@@ -1,4 +1,5 @@
 import { useEffect, useState } from "react";
+import { Link } from "@tanstack/react-router";
 import {
   keepPreviousData,
   queryOptions,
@@ -190,12 +191,24 @@ export function SearchPerformancePage({ projectId }: { projectId: string }) {
   return (
     <div className="px-4 py-4 pb-24 overflow-auto md:px-6 md:py-6 md:pb-8">
       <div className="mx-auto max-w-7xl space-y-4">
-        <div>
-          <h1 className="text-2xl font-semibold">Search Performance</h1>
-          <p className="text-sm text-base-content/70">
-            See your site&apos;s clicks, impressions, CTR, and position from
-            Google Search Console.
-          </p>
+        <div className="flex flex-col gap-2 sm:flex-row sm:items-start sm:justify-between">
+          <div>
+            <h1 className="text-2xl font-semibold">Search Performance</h1>
+            <p className="text-sm text-base-content/70">
+              See your site&apos;s clicks, impressions, CTR, and position from
+              Google Search Console.
+            </p>
+          </div>
+          {report?.connected ? (
+            <Link
+              to="/p/$projectId/settings"
+              params={{ projectId }}
+              hash="search-console"
+              className="link link-hover shrink-0 self-start text-sm font-medium text-base-content/60 transition-colors hover:text-base-content sm:mt-1"
+            >
+              Change property
+            </Link>
+          ) : null}
         </div>
 
         {reportQuery.isPending ? (