Add a feature-flagged Gates logo

Note the feature is always turned off. Refs https://prereview.slack.com/archives/C047UQFMEFM/p1717528800002019
PREreview · Jun 7, 2024 · 2f4aa1a · 2f4aa1a
1 parent 0b5a9f7
commit 2f4aa1a
Show file tree

Hide file tree

Showing 4 changed files with 46 additions and 0 deletions.
diff --git a/assets/logos/gates.svg b/assets/logos/gates.svg
diff --git a/src/home-page/home-page.ts b/src/home-page/home-page.ts
@@ -25,10 +25,12 @@ import type { RecentReviewRequest } from './recent-review-requests'
 
 export const createPage = ({
   canRequestReviews,
+  canSeeGatesLogo,
   recentPrereviews,
   recentReviewRequests,
 }: {
   canRequestReviews: boolean
+  canSeeGatesLogo: boolean
   recentPrereviews: ReadonlyArray<RecentPrereview>
   recentReviewRequests: ReadonlyArray<RecentReviewRequest>
 }) =>
@@ -300,6 +302,21 @@ export const createPage = ({
               />
             </a>
           </li>
+          ${canSeeGatesLogo
+            ? html`
+                <li>
+                  <a href="https://www.gatesfoundation.org/">
+                    <img
+                      src="${assets['gates.svg']}"
+                      width="500"
+                      height="100"
+                      loading="lazy"
+                      alt="Bill & Melinda Gates Foundation"
+                    />
+                  </a>
+                </li>
+              `
+            : ''}
           <li>
             <a href="https://chanzuckerberg.com/">
               <img

diff --git a/src/home-page/index.ts b/src/home-page/index.ts
@@ -19,6 +19,7 @@ export const home = ({
     RT.Do,
     RT.apS('recentPrereviews', getRecentPrereviews()),
     RT.apSW('canRequestReviews', RT.fromReader(canRequestReviews(user))),
+    RT.let('canSeeGatesLogo', () => false),
     RT.apSW('recentReviewRequests', getRecentReviewRequests()),
     RT.map(createPage),
   )
diff --git a/visual-regression/home-page/home-page.spec.ts b/visual-regression/home-page/home-page.spec.ts
@@ -12,6 +12,7 @@ test('content looks right', async ({ showPage }) => {
   const response = createPage({
     recentPrereviews: [recentPrereview1, recentPrereview2, recentPrereview3, recentPrereview4, recentPrereview5],
     canRequestReviews: false,
+    canSeeGatesLogo: false,
     recentReviewRequests: [
       recentReviewRequest1,
       recentReviewRequest2,
@@ -30,6 +31,7 @@ test('content looks right when empty', async ({ showPage }) => {
   const response = createPage({
     recentPrereviews: [],
     canRequestReviews: false,
+    canSeeGatesLogo: false,
     recentReviewRequests: [],
   })
 
@@ -42,6 +44,7 @@ test('content looks right when reviews can be requested', async ({ showPage }) =
   const response = createPage({
     recentPrereviews: [recentPrereview1],
     canRequestReviews: true,
+    canSeeGatesLogo: false,
     recentReviewRequests: [recentReviewRequest1],
   })