Fix linting

Author: carbonrobot

website/src/components/landing/landing-banner.tsx

@@ -1,6 +1,6 @@
-import React from 'react';
-import { NFLinkButton } from './nf-link-button';
-import { LandingDivider } from './landing-divider';
+import React from "react";
+import { NFLinkButton } from "./nf-link-button";
+import { LandingDivider } from "./landing-divider";
 
 export const LandingBanner = ({
   body,

website/src/components/landing/landing-divider.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import React from "react";
 
 export const LandingDivider = () => (
   <div className="mt-8 h-px bg-grayscale-300" />

website/src/components/landing/landing-features.tsx

@@ -1,5 +1,5 @@
-import React from 'react';
-import { LandingDivider } from './landing-divider';
+import React from "react";
+import { LandingDivider } from "./landing-divider";
 
 export const LandingFeatures = ({
   heading,
@@ -15,7 +15,10 @@ export const LandingFeatures = ({
     <h2 className="my-8 text-4xl font-semibold">{heading}</h2>
     <ul className="grid grid-cols-3 items-start content-start justify-items-start justify-between gap-12 list-none pl-0">
       {list.map(({ alt, body, imgSrc, title }) => (
-        <li className="col-span-3 md:col-span-1 flex flex-col items-center text-center">
+        <li
+          className="col-span-3 md:col-span-1 flex flex-col items-center text-center"
+          key={alt}
+        >
           <img src={imgSrc} alt={alt} className="max-h-72" />
           <span className="mt-8 text-2xl font-semibold">{title}</span>
           <span className="mt-2 text-lg leading-8 mx-3">{body}</span>

website/src/components/landing/landing-logos.tsx

@@ -1,5 +1,5 @@
-import React from 'react';
-import { LandingDivider } from './landing-divider';
+import React from "react";
+import { LandingDivider } from "./landing-divider";
 
 export const LandingLogos = ({
   body,
@@ -20,7 +20,7 @@ export const LandingLogos = ({
       <p className="text-lg max-w-prose">{body}</p>
       <ul className="grid grid-cols-4 items-center content-start justify-items-start gap-8 list-none pl-0">
         {list.map(({ imgSrc, alt }) => (
-          <li className="col-span-1 ">
+          <li className="col-span-1" key={alt}>
             <img src={imgSrc} alt={alt} />
           </li>
         ))}

website/src/components/landing/nf-link-button.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import React from "react";
 
 interface ButtonProps {
   children: ChildNode | React.ReactNode;

website/src/pages/index.tsx

@@ -1,10 +1,11 @@
 import React from "react";
+
+// eslint-disable-next-line import/no-unresolved
 import Layout from "@theme/Layout";
 
 import responsiveFeature from "../../static/img/feature-1.png";
 import nativeFeature from "../../static/img/feature-2.png";
 import styleFeature from "../../static/img/feature-3.png";
-import { LandingBanner } from "../components/landing/landing-banner";
 import { LandingHero } from "../components/landing/landing-hero";
 import { LandingFeaturedProjects } from "../components/landing/landing-featured-projects";
 import { LandingFeatures } from "../components/landing/landing-features";