Lint

packages/web/src/components/public-site/FooterV2.module.css

@@ -221,4 +221,4 @@
 
 .isMobile .linksContainer {
   margin-bottom: 0px;
-}
+}

packages/web/src/components/public-site/FooterV2.tsx

@@ -201,4 +201,4 @@ const Footer = (props: FooterProps) => {
   )
 }
 
-export default Footer
+export default Footer

packages/web/src/components/public-site/NavBannerV2.module.css

@@ -352,4 +352,4 @@
 
 .invertColors .iconLink:hover {
   text-decoration: underline var(--static-secondary) !important;
-}
+}

packages/web/src/components/public-site/NavBannerV2.tsx

@@ -88,22 +88,25 @@ const NavBanner = (props: NavBannerProps) => {
     {
       text: messages.help,
       subtext: messages.helpDescription,
-      onClick: () => window.open(AUDIUS_HELP_LINK, '_blank', 'noreferrer,noopener'),
+      onClick: () =>
+        window.open(AUDIUS_HELP_LINK, '_blank', 'noreferrer,noopener'),
       icon: <IconSupport />,
       iconClassName: styles.menuItemIcon
     },
     {
       text: messages.download,
       subtext: messages.downloadDescription,
-      onClick: () => window.open(DOWNLOAD_LINK, '_blank', 'noreferrer,noopener'),
+      onClick: () =>
+        window.open(DOWNLOAD_LINK, '_blank', 'noreferrer,noopener'),
       icon: <IconDownloadQueued />,
       iconClassName: styles.menuItemIcon
     },
     {
       text: messages.blog,
       subtext: messages.blogDescription,
       className: styles.rewardsMenuItem,
-      onClick: () => window.open(AUDIUS_BLOG_LINK, '_blank', 'noreferrer,noopener'),
+      onClick: () =>
+        window.open(AUDIUS_BLOG_LINK, '_blank', 'noreferrer,noopener'),
       icon: <IconBlog />,
       iconClassName: styles.menuItemIconStroke
     },
@@ -117,7 +120,8 @@ const NavBanner = (props: NavBannerProps) => {
     {
       text: messages.merch,
       subtext: messages.merchDescription,
-      onClick: () => window.open(AUDIUS_MERCH_LINK, '_blank', 'noreferrer,noopener'),
+      onClick: () =>
+        window.open(AUDIUS_MERCH_LINK, '_blank', 'noreferrer,noopener'),
       icon: <IconMerch />,
       iconClassName: styles.menuItemIconStroke
     }
@@ -215,4 +219,4 @@ const NavBanner = (props: NavBannerProps) => {
   )
 }
 
-export default NavBanner
+export default NavBanner

packages/web/src/components/public-site/NavOverlayV2.module.css

@@ -141,4 +141,4 @@
 
 .icon path {
   fill: var(--static-white);
-}
+}

packages/web/src/components/public-site/NavOverlayV2.tsx

@@ -168,6 +168,7 @@ const NavOverlay = (props: NavOverlayProps) => {
                   className={styles.dappLink}
                   href={link}
                   target='_blank'
+                  rel='noreferrer'
                 >
                   {icon}
                   <h4 className={styles.dappLinkText}>{text}</h4>
@@ -198,4 +199,4 @@ const NavOverlay = (props: NavOverlayProps) => {
   )
 }
 
-export default NavOverlay
+export default NavOverlay

packages/web/src/pages/download-page/DownloadPage.tsx

@@ -186,7 +186,7 @@ const DownloadPage = (props: DownloadPageProps) => {
             </div>
           </div>
           <CTASignUp
-          // <CTAStartListening
+            // <CTAStartListening
             isMobile={props.isMobile}
             setRenderPublicSite={props.setRenderPublicSite}
           />

packages/web/src/pages/landing-page-v2/components/ArtistInvestors.tsx

@@ -1,10 +1,9 @@
 // eslint-disable-next-line no-restricted-imports -- TODO: migrate to @react-spring/web
-import cn from 'classnames'
 import { useSpring, animated } from 'react-spring'
 
-import investorPlaceholder from 'assets/img/publicSite/Investor-Placeholder.svg'
 import investorKatyPerry from 'assets/img/publicSite/Investor-Katy-Perry.webp'
 import investorNas from 'assets/img/publicSite/Investor-Nas.webp'
+import investorPlaceholder from 'assets/img/publicSite/Investor-Placeholder.svg'
 import investorPushaT from 'assets/img/publicSite/Investor-Pusha-T.webp'
 import investorTheChainsmokers from 'assets/img/publicSite/Investor-The-Chainsmokers.webp'
 import useHasViewed from 'hooks/useHasViewed'
@@ -105,11 +104,9 @@ const ArtistInvestors = (props: ArtistInvestorsProps) => {
           <div className={styles.artistsContainer}>
             {artists.map((artist, i) => (
               <MobileArtist key={artist.name} {...artist} />
-              ))}
+            ))}
           </div>
-          <h3 className={styles.subTitle}>
-            {messages.manyMore}
-          </h3>
+          <h3 className={styles.subTitle}>{messages.manyMore}</h3>
         </div>
       </div>
     )

packages/web/src/pages/landing-page-v2/components/CTAGetStarted.module.css

@@ -187,4 +187,4 @@
   position: relative;
   width: 100%;
   height: 100%;
-}
+}

packages/web/src/pages/landing-page-v2/components/CTAGetStarted.tsx

@@ -150,4 +150,4 @@ const CTAGetStarted = (props: CTAGetStartedProps) => {
   )
 }
 
-export default CTAGetStarted
+export default CTAGetStarted

packages/web/src/pages/landing-page-v2/components/CTAStartListening.module.css

@@ -200,4 +200,4 @@
   left: 0;
   height: 100%;
   width: 100%;
-}
+}

packages/web/src/pages/landing-page-v2/components/CTAStartListening.tsx

@@ -94,4 +94,4 @@ const CTAStartListening = (props: CTAStartListeningProps) => {
   )
 }
 
-export default CTAStartListening
+export default CTAStartListening

packages/web/src/pages/landing-page-v2/components/CaseStudies.module.css

@@ -201,4 +201,4 @@
   font-weight: 500;
   line-height: 24px;
   text-shadow: 0 2px 10px rgba(25, 0, 96, 0.5);
-}
+}

packages/web/src/pages/landing-page-v2/components/CaseStudies.tsx

@@ -179,4 +179,4 @@ const CaseStudies = (props: CaseStudiesProps) => {
   )
 }
 
-export default CaseStudies
+export default CaseStudies

packages/web/src/pages/landing-page-v2/components/Description.module.css

@@ -238,4 +238,4 @@
 
 .mobileContainer .textDescription p {
   margin-bottom: 16px;
-}
+}

packages/web/src/pages/landing-page-v2/components/Description.tsx

@@ -265,4 +265,4 @@ const Description = (props: DescriptionProps) => {
   )
 }
 
-export default Description
+export default Description

packages/web/src/pages/landing-page-v2/components/FeaturedContent.module.css

@@ -248,4 +248,4 @@
   height: auto;
   top: 65%;
   z-index: 0;
-}
+}

packages/web/src/pages/landing-page-v2/components/FeaturedContent.tsx

@@ -283,4 +283,4 @@ const FeaturedContent = (props: FeaturedContentProps) => {
   )
 }
 
-export default FeaturedContent
+export default FeaturedContent

packages/web/src/pages/landing-page-v2/components/Hero.module.css

@@ -335,4 +335,4 @@
   bottom: 0px;
   left: 0;
   transform: scale3d(3, 3, 3);
-}
+}

packages/web/src/pages/landing-page-v2/components/Hero.tsx

@@ -4,10 +4,10 @@ import { IconCaretRight, IconDownload } from '@audius/stems'
 import cn from 'classnames'
 import { Parallax, useParallaxController } from 'react-scroll-parallax'
 
-import HeroForeground from 'assets/img/publicSite/ProductShot1@2x.webp'
 import HeroBackgroundMobile from 'assets/img/publicSite/HeroBG.webp'
 import HeroBackground from 'assets/img/publicSite/HeroBG@2x.webp'
 import HeroBackgroundXL from 'assets/img/publicSite/HeroBG@3x.webp'
+import HeroForeground from 'assets/img/publicSite/ProductShot1@2x.webp'
 import { ReactComponent as AppStoreBadge } from 'assets/img/publicSite/app-store-badge.svg'
 import GlyphPattern1x from 'assets/img/publicSite/glyph-pattern@1x.png'
 import GlyphPattern2x from 'assets/img/publicSite/glyph-pattern@2x.png'
@@ -224,4 +224,4 @@ export const Hero = (props: HeroProps) => {
   )
 }
 
-export default Hero
+export default Hero

packages/web/src/pages/landing-page-v2/components/PlatformFeatures.module.css

@@ -213,4 +213,4 @@
   font-size: 16px;
   line-height: 24px;
   font-weight: 500;
-}
+}

packages/web/src/pages/landing-page-v2/components/PlatformFeatures.tsx

@@ -155,4 +155,4 @@ const PlatformFeatures = (props: PlatformFeaturesProps) => {
   )
 }
 
-export default PlatformFeatures
+export default PlatformFeatures

packages/web/src/pages/landing-page-v2/components/WhoUsesAudius.module.css

@@ -147,4 +147,4 @@
   line-height: 19px;
   text-align: center;
   margin: 0px auto;
-}
+}

packages/web/src/pages/landing-page-v2/components/WhoUsesAudius.tsx

@@ -1,6 +1,7 @@
 // eslint-disable-next-line no-restricted-imports -- TODO: migrate to @react-spring/web
 import { useCallback } from 'react'
 
+// eslint-disable-next-line no-restricted-imports -- TODO: migrate to @react-spring/web
 import { useSpring, animated } from 'react-spring'
 
 import artistAluna from 'assets/img/publicSite/Artist-Aluna.webp'
@@ -141,7 +142,7 @@ const WhoUsesAudius = (props: WhoUsesAudiusProps) => {
                 ),
                 width: '100%'
               }}
-              >
+            >
               <h3 className={styles.title}>{messages.title}</h3>
               <h3 className={styles.subTitle}>{messages.subtitle}</h3>
             </animated.div>