Add path to EventContext

Author: spalmurray

src/services/events/hooks.test.tsx

@@ -120,14 +120,15 @@ describe('useEventContext', () => {
   }
 
   describe('when called on owner page', () => {
-    it('sets event context with ownerid and no repoid', async () => {
+    it('sets event context with path, ownerid, and no repoid', async () => {
       setup({})
       renderHook(() => useEventContext(), {
         wrapper: ownerWrapper,
       })
 
       await waitFor(() => {
         expect(mockedSetContext).toHaveBeenCalledWith({
+          path: '/:provider/:owner',
           owner: {
             id: mockOwnerContext.owner.ownerid,
           },
@@ -138,14 +139,15 @@ describe('useEventContext', () => {
   })
 
   describe('when called on repo page', () => {
-    it('sets event context with ownerid and repoid', async () => {
+    it('sets event context with path, ownerid, and repoid', async () => {
       setup({})
       renderHook(useEventContext, {
         wrapper: repoWrapper,
       })
 
       await waitFor(() => {
         expect(mockedSetContext).toHaveBeenCalledWith({
+          path: '/:provider/:owner/:repo',
           owner: {
             id: mockOwnerContext.owner.ownerid,
           },
@@ -167,6 +169,7 @@ describe('useEventContext', () => {
 
       await waitFor(() => {
         expect(mockedSetContext).toHaveBeenCalledWith({
+          path: '/:provider/:owner',
           owner: undefined,
           repo: undefined,
         })

src/services/events/hooks.tsx

@@ -3,7 +3,7 @@ import {
   useQuery as useQueryV5,
 } from '@tanstack/react-queryV5'
 import { useRef } from 'react'
-import { useParams } from 'react-router'
+import { useParams, useRouteMatch } from 'react-router'
 import { z } from 'zod'
 
 import {
@@ -26,6 +26,7 @@ export function useEventContext() {
   }>()
   const context = useRef<EventContext>({})
 
+  const { path } = useRouteMatch()
   const { data: ownerData } = useQueryV5(
     OwnerContextQueryOpts({ provider, owner })
   )
@@ -34,11 +35,13 @@ export function useEventContext() {
   )
 
   if (
+    path !== context.current.path ||
     ownerData?.ownerid !== context.current.owner?.id ||
     repoData?.repoid !== context.current.repo?.id
   ) {
     // only update if this is a new owner or repo
     const newContext: EventContext = {
+      path,
       owner: ownerData?.ownerid
         ? {
             id: ownerData?.ownerid,

src/services/events/types.ts

@@ -54,6 +54,7 @@ export type EventContext = {
     id: number
     isPrivate?: boolean
   }
+  path?: string
 }
 
 export abstract class EventTracker {