Remove font stepper from dropdown

packages/web/components/patterns/DropdownMenu.tsx

@@ -24,7 +24,6 @@ export type HeaderDropdownAction =
 type DropdownMenuProps = {
   username?: string
   triggerElement: ReactNode
-  displayFontStepper?: boolean
   actionHandler: (action: HeaderDropdownAction) => void
 }
 
@@ -53,24 +52,6 @@ export function DropdownMenu(props: DropdownMenuProps): JSX.Element {
             { isDark ? '✓' : '' }
           </Button>
         </HStack>
-
-        {props.displayFontStepper && (
-          <>
-          <HStack css={{ mt: '8px', width: '100%', height: '26px', gap: '8px', borderRadius: '6px', border: '1px solid $grayTextContrast', }}>
-            <Button style='plainIcon' css={{ display: 'inline-block', verticalAlign: 'baseline', width: '50%', height: '100%', bg: 'unset' }} onClick={() => {
-              props.actionHandler('decreaseFontSize')
-            }}>
-              <StyledText css={{ fontSize: '14px', m: '0px' }}>A</StyledText>
-            </Button>
-            <Box css={{ width: '1px', height: '100%', bg: '$grayTextContrast' }} />
-            <Button style='plainIcon' css={{ display: 'inline-block', verticalAlign: 'baseline', width: '50%', height: '100%', bg: 'unset' }} onClick={() => {
-              props.actionHandler('increaseFontSize')
-            }}>
-              <StyledText css={{ fontSize: '18px', m: '0px'  }}>A</StyledText>
-            </Button>
-          </HStack>
-          </>
-        )}
       </VStack>
       <DropdownSeparator />
       <DropdownOption

packages/web/components/patterns/PrimaryHeader.tsx

@@ -25,7 +25,6 @@ type HeaderProps = {
   profileImageURL?: string
   isFixedPosition: boolean
   scrollElementRef?: React.RefObject<HTMLDivElement>
-  displayFontStepper?: boolean
   toolbarControl?: JSX.Element
   setShowLogoutConfirmation: (showShareModal: boolean) => void
   setShowKeyboardCommandsModal: (showShareModal: boolean) => void
@@ -126,7 +125,6 @@ export function PrimaryHeader(props: HeaderProps): JSX.Element {
         isVisible={true}
         isFixedPosition={true}
         toolbarControl={props.toolbarControl}
-        displayFontStepper={props.displayFontStepper}
       />
     </>
   )
@@ -141,7 +139,6 @@ type NavHeaderProps = {
   isDisplayingShadow?: boolean
   isVisible?: boolean
   isFixedPosition: boolean
-  displayFontStepper?: boolean
   toolbarControl?: JSX.Element
 }
 
@@ -211,7 +208,6 @@ function NavHeader(props: NavHeaderProps): JSX.Element {
                 />
               }
               actionHandler={props.actionHandler}
-              displayFontStepper={props.displayFontStepper}
             />
           </HStack>
         ) : (

packages/web/components/templates/PrimaryLayout.tsx

@@ -22,7 +22,6 @@ type PrimaryLayoutProps = {
   hideHeader?: boolean
   pageMetaDataProps?: PageMetaDataProps
   scrollElementRef?: MutableRefObject<HTMLDivElement | null>
-  displayFontStepper?: boolean
   headerToolbarControl?: JSX.Element
 }
 
@@ -78,7 +77,6 @@ export function PrimaryLayout(props: PrimaryLayoutProps): JSX.Element {
           isFixedPosition={true}
           toolbarControl={props.headerToolbarControl}
           scrollElementRef={props.scrollElementRef}
-          displayFontStepper={props.displayFontStepper}
           setShowLogoutConfirmation={setShowLogoutConfirmation}
           setShowKeyboardCommandsModal={setShowKeyboardCommandsModal}
         />

packages/web/pages/[username]/[slug]/index.tsx

@@ -164,7 +164,6 @@ export default function Home(): JSX.Element {
       <PrimaryLayout
         pageTestId="home-page-tag"
         scrollElementRef={scrollRef}
-        displayFontStepper={true}
         headerToolbarControl={
           <ArticleActionsMenu
             article={article}