Finalize

Author: dylanjeffers

packages/web/src/pages/sign-on-page/SignOnPage.tsx

@@ -1,7 +1,7 @@
 import { ReactNode, useEffect, useState } from 'react'
 
-import { FEED_PAGE } from '@audius/common/src/utils/route'
 import { SystemAppearance } from '@audius/common/models'
+import { FEED_PAGE } from '@audius/common/src/utils/route'
 import { themeSelectors } from '@audius/common/store'
 import { route } from '@audius/common/utils'
 import {
@@ -25,7 +25,6 @@ import {
 } from 'react-router'
 import { useEffectOnce, useLocalStorage } from 'react-use'
 
-import landingImg from 'public-site/pages/landing-2026/assets/landing.png'
 import {
   fetchReferrer,
   setField,
@@ -42,6 +41,7 @@ import { useMedia } from 'hooks/useMedia'
 import { SignInPage } from 'pages/sign-in-page'
 import SignUpPage from 'pages/sign-up-page'
 import { NavHeader } from 'pages/sign-up-page/components/NavHeader'
+import landingImg from 'public-site/pages/landing-2026/assets/landing.png'
 
 const {
   SIGN_IN_CONFIRM_EMAIL_PAGE,
@@ -64,9 +64,7 @@ const DesktopSignOnRoot = (props: RootProps) => {
   const routeOnExit = useSelector(getRouteOnExit)
   const location = useLocation()
 
-  const hideCloseButton = [
-    SIGN_UP_LOADING_PAGE
-  ].some((path) => {
+  const hideCloseButton = [SIGN_UP_LOADING_PAGE].some((path) => {
     const match = matchPath(path, location.pathname)
     return match && match.pathname === location.pathname
   })
@@ -178,9 +176,7 @@ const MobileSignOnRoot = (props: MobileSignOnRootProps) => {
   const routeOnExit = useSelector(getRouteOnExit)
   const location = useLocation()
 
-  const hideCloseButton = [
-    SIGN_UP_LOADING_PAGE
-  ].some((path) => {
+  const hideCloseButton = [SIGN_UP_LOADING_PAGE].some((path) => {
     const match = matchPath(path, location.pathname)
     return match && match.pathname === location.pathname
   })

packages/web/src/pages/sign-up-page/components/NavHeader.tsx

@@ -1,6 +1,6 @@
 import { useCallback } from 'react'
 
-import { Flex, IconCaretLeft, PlainButton, useTheme } from '@audius/harmony'
+import { Flex, IconCaretLeft, PlainButton } from '@audius/harmony'
 import { useMatch, useNavigate } from 'react-router'
 
 import { useDetermineAllowedRoute } from '../utils/useDetermineAllowedRoutes'
@@ -27,7 +27,6 @@ const useIsBackAllowed = () => {
 export const NavHeader = () => {
   const isBackAllowed = useIsBackAllowed()
   const navigate = useNavigate()
-  const { spacing } = useTheme()
 
   const handleBack = useCallback(() => {
     navigate(-1)

packages/web/src/pages/sign-up-page/components/layout.tsx

@@ -188,7 +188,7 @@ type PageFooterProps = {
 } & Omit<FlexProps & BoxProps, 'prefix'>
 
 export const PageFooter = (props: PageFooterProps) => {
-  const { prefix, postfix, buttonProps, centered, sticky, ...other } = props
+  const { prefix, postfix, buttonProps, sticky, ...other } = props
   const { isMobile } = useMedia()
   // On the MobileCTAPage we use this footer outside a formik context, hence the default values
   const { isSubmitting, touched, isValid } = useFormikContext() ?? {
@@ -242,7 +242,6 @@ export const PageFooter = (props: PageFooterProps) => {
             iconRight={IconArrowRight}
             fullWidth
             isLoading={isSubmitting}
-
             disabled={!touched || !isValid}
             {...buttonProps}
           >

packages/web/src/pages/sign-up-page/pages/SelectGenresPage.tsx

@@ -71,11 +71,7 @@ export const SelectGenresPage = () => {
       validateOnMount
     >
       {() => (
-        <Page
-          as={Form}
-          centered
-          transition='horizontal'
-        >
+        <Page as={Form} centered transition='horizontal'>
           <Flex
             direction='column'
             gap='2xl'