fix: Only show GH config banner when no welcome banner (#3680)

Author: calvin-codecov

src/shared/ListRepo/ListRepo.jsx

@@ -60,7 +60,8 @@ function ListRepo({ canRefetch, hasGhApp }) {
 
   return (
     <>
-      {!hasGhApp && <GithubConfigBanner />}
+      {/* we only want one of these two banners to show at a time */}
+      {!hasGhApp && !showDemoAlert && <GithubConfigBanner />}
       <OrgControlTable
         searchValue={params.search}
         repoDisplay={repoDisplay}

src/shared/ListRepo/ListRepo.test.tsx

@@ -303,7 +303,7 @@ describe('ListRepo', () => {
   })
 
   describe('user does not have gh app installed', () => {
-    it('displays github app config banner', async () => {
+    it('displays github app config banner if showDemoAlert is false', async () => {
       setup({})
       render(<ListRepo canRefetch hasGhApp={false} />, {
         wrapper: wrapper({
@@ -312,9 +312,21 @@ describe('ListRepo', () => {
         }),
       })
 
+      const banner = await screen.findByText("Codecov's GitHub app")
+      return expect(banner).toBeInTheDocument()
+    })
+    it('does not display github app config banner if showDemoAlert is true', async () => {
+      setup({})
+      render(<ListRepo canRefetch hasGhApp={false} />, {
+        wrapper: wrapper({
+          url: '/gh/janedoe?source=onboarding',
+          path: '/:provider/:owner',
+        }),
+      })
+
       await waitFor(() => {
-        const banner = screen.getByText("Codecov's GitHub app")
-        return expect(banner).toBeInTheDocument()
+        const banner = screen.queryByText("Codecov's GitHub app")
+        expect(banner).not.toBeInTheDocument()
       })
     })
   })