made linter stop complaining

Author: QuadAces

frontend/src/components/Sponsors/sponsorModal.tsx

@@ -17,11 +17,16 @@ export default function SponsorModal(props: { sponsorInfo: sponsorInfo | null; s
       }}
     >
       <div className="bg-[#3977f8] mx-[10vw] py-10 rounded-xl overflow-auto flex flex-col items-center justify-center w-[800px]">
-        <a className='m-10' href={props.sponsorInfo.href}>
+        <a className="m-10" href={props.sponsorInfo.href}>
           <img src={`./${props.sponsorInfo.svg}`} alt={props.sponsorInfo.alt} />
         </a>
         <h3 className="mx-10 py-10">{props.sponsorInfo.description}</h3>
-      <button onClick={props.setFalse} className='bg-white border text-[#3977F8] border-[#A7A6E5] text-lg rounded-xl w-[70%] xl:h-12 h-10'>close</button>
+        <button
+          onClick={props.setFalse}
+          className="bg-white border text-[#3977F8] border-[#A7A6E5] text-lg rounded-xl w-[70%] xl:h-12 h-10"
+        >
+          close
+        </button>
       </div>
     </div>
   );

frontend/src/components/Sponsors/sponsorlinks.tsx

@@ -7,29 +7,36 @@ const logodiv = 'block gap-y-8 h-14';
 const background = 'rgba(57, 119, 248, 0.6)';
 // const outer = 'rounded-[4rem] w-[90rem] flex flex-col pl-14 py-14 gap-16';
 
-
-
 function SponsorLinks() {
   const [showModal, setShowModal] = useState(false);
   const [information, setInformation] = useState<sponsorInfo | null>(null);
-  
+
   return (
     <div className="flex justify-center items-center my-20">
-      <div className="w-100 flex flex-col gap-16" >
+      <div className="w-100 flex flex-col gap-16">
         {/* @ts-ignore */}
-        {showModal && <SponsorModal sponsorInfo={information} setFalse={() => {setShowModal(false)}}/>}
+        {showModal && (
+          <SponsorModal
+            sponsorInfo={information}
+            setFalse={() => {
+              setShowModal(false);
+            }}
+          />
+        )}
         <div
           style={{ backgroundColor: `${background}` }}
           className="flex flex-wrap rounded-[1rem] pl-14 py-14 gap-16 items-center"
         >
           <h2 className="text-4xl font-black">Diamond Sponsors</h2>
           {diamondLinks.map((item, index) => {
             return (
-              <div key={index} className={`${logodiv}`} 
-              onClick={() => {
-                setInformation(item);
-                setShowModal(true);
-              }}
+              <div
+                key={index}
+                className={`${logodiv}`}
+                onClick={() => {
+                  setInformation(item);
+                  setShowModal(true);
+                }}
               >
                 <img className={`${logostyle}`} src={item.svg} alt={item.alt} />
               </div>
@@ -43,11 +50,13 @@ function SponsorLinks() {
           <h2 className="text-4xl font-black">Gold Sponsors</h2>
           {goldLinks.map((item, index) => {
             return (
-              <div key={index} className="" 
-              onClick={() => {
-                setInformation(item);
-                setShowModal(true);
-              }}
+              <div
+                key={index}
+                className=""
+                onClick={() => {
+                  setInformation(item);
+                  setShowModal(true);
+                }}
               >
                 <img className="h-6" src={item.svg} alt={item.alt} />
               </div>
@@ -61,11 +70,13 @@ function SponsorLinks() {
           <h2 className="text-4xl font-black">Silver Sponsors</h2>
           {silverLinks.map((item, index) => {
             return (
-              <div key={index} className="h-14" 
-              onClick={() => {
-                setInformation(item);
-                setShowModal(true);
-              }}
+              <div
+                key={index}
+                className="h-14"
+                onClick={() => {
+                  setInformation(item);
+                  setShowModal(true);
+                }}
               >
                 <img className="h-8" src={item.svg} alt={item.alt} />
               </div>