From 51bcb6cf76a4fac4241269c31f1c33a0a02587bb Mon Sep 17 00:00:00 2001
From: John SJ Anderson <janders4@fredhutch.org>
Date: Fri, 7 Jun 2024 12:18:52 -0700
Subject: [PATCH] =?UTF-8?q?Disable=20no-var-requires=20rules=E2=80=A6=20[#?=
 =?UTF-8?q?905]?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

…everywhere we're currently violating it.
---
 static-site/src/components/Cards/index.jsx             | 1 +
 static-site/src/components/ListResources/Showcase.tsx  | 2 ++
 static-site/src/components/People/avatars.jsx          | 2 ++
 static-site/src/components/logos.jsx                   | 2 ++
 static-site/src/sections/sars-cov-2-forecasts-page.jsx | 1 +
 5 files changed, 8 insertions(+)

diff --git a/static-site/src/components/Cards/index.jsx b/static-site/src/components/Cards/index.jsx
index 66cf5bede..701255843 100644
--- a/static-site/src/components/Cards/index.jsx
+++ b/static-site/src/components/Cards/index.jsx
@@ -19,6 +19,7 @@ class Cards extends React.Component {
                   <Padlock/>
                 </Styles.BottomRightLabel>
               ) : null}
+              {/* eslint-disable-next-line @typescript-eslint/no-var-requires */}
               {d.img ? <Styles.CardImg src={require(`../../../static/splash_images/${d.img}`).default.src} alt={""} color={d.color}/> : null}
             </a>
           </Styles.CardInner>
diff --git a/static-site/src/components/ListResources/Showcase.tsx b/static-site/src/components/ListResources/Showcase.tsx
index f26d51706..cb989e62a 100644
--- a/static-site/src/components/ListResources/Showcase.tsx
+++ b/static-site/src/components/ListResources/Showcase.tsx
@@ -178,8 +178,10 @@ const getColor = () => {
 const CardImgWrapper = ({filename}) => {
   let src;
   try {
+    // eslint-disable-next-line @typescript-eslint/no-var-requires
     src = require(`../../../static/splash_images/${filename}`).default.src;
   } catch {
+    // eslint-disable-next-line @typescript-eslint/no-var-requires
     src = require(`../../../static/splash_images/empty.png`).default.src;
   }
   return <CardImg src={src} alt={""} color={getColor()}/>
diff --git a/static-site/src/components/People/avatars.jsx b/static-site/src/components/People/avatars.jsx
index 335a1d44d..7deb244ef 100644
--- a/static-site/src/components/People/avatars.jsx
+++ b/static-site/src/components/People/avatars.jsx
@@ -97,6 +97,7 @@ export const TeamPageList = ({membersKey}) => {
       {people.map((person) => 
         <Sideways key={person.name} style={{alignItems: person.blurb ? "top" : "center"}}>
           <MaybeLinked link={person.link}>
+              {/* eslint-disable-next-line @typescript-eslint/no-var-requires */}
               <img alt={person.name} src={require("../../../static/team/"+person.image).default.src}/>
             </MaybeLinked>
           <UpDown>
@@ -121,6 +122,7 @@ export const FooterList = () => {
       {people.map((person, i) => 
         <div key={person.name}>
           <MaybeLinked link={person.link}>
+            {/* eslint-disable-next-line @typescript-eslint/no-var-requires */}
             <img alt={person.name} src={require("../../../static/team/"+person.image).default.src}/>
             <Name>{person.name}</Name>
           </MaybeLinked>
diff --git a/static-site/src/components/logos.jsx b/static-site/src/components/logos.jsx
index 112685a37..964322b84 100644
--- a/static-site/src/components/logos.jsx
+++ b/static-site/src/components/logos.jsx
@@ -2,6 +2,7 @@ import React from "react";
 import styled from "styled-components";
 import * as Styles from "./splash/styles";
 
+/* eslint-disable @typescript-eslint/no-var-requires */
 const fredHutchLogo = require("../../static/logos/fred-hutch-logo-small.png");
 const uniBasLogo = require("../../static/logos/unibas-logo.svg");
 const nihLogo = require("../../static/logos/nih-logo.jpg");
@@ -10,6 +11,7 @@ const mapBoxLogo = require("../../static/logos/mapbox-logo-black.svg");
 const sibLogo = require("../../static/logos/sib-logo.png");
 const ospLogo = require("../../static/logos/osp-logo-small.png");
 const bzLogo = require("../../static/logos/bz_logo.png");
+/* eslint-enable @typescript-eslint/no-var-requires */
 
 const AllLogosContainer = styled.div`
   display: flex;
diff --git a/static-site/src/sections/sars-cov-2-forecasts-page.jsx b/static-site/src/sections/sars-cov-2-forecasts-page.jsx
index 41aa4cfa5..33d4ade30 100644
--- a/static-site/src/sections/sars-cov-2-forecasts-page.jsx
+++ b/static-site/src/sections/sars-cov-2-forecasts-page.jsx
@@ -8,6 +8,7 @@ import {
 import GenericPage from "../layouts/generic-page";
 import * as splashStyles from "../components/splash/styles";
 
+// eslint-disable-next-line @typescript-eslint/no-var-requires
 const gisaidLogo = require("../../static/logos/gisaid.png");
 
 // Hard-coded content