diff --git a/packages/web/components/templates/PrimaryDropdown.tsx b/packages/web/components/templates/PrimaryDropdown.tsx index d6e8f672f..e3f9da321 100644 --- a/packages/web/components/templates/PrimaryDropdown.tsx +++ b/packages/web/components/templates/PrimaryDropdown.tsx @@ -1,12 +1,16 @@ import { useRouter } from 'next/router' -import { useCallback } from 'react' +import { ReactNode, useCallback } from 'react' import { useGetViewerQuery } from '../../lib/networking/queries/useGetViewerQuery' import { updateTheme } from '../../lib/themeUpdater' import { AvatarDropdown } from '../elements/AvatarDropdown' import { DropdownMenu, HeaderDropdownAction } from '../patterns/DropdownMenu' import { ThemeId } from '../tokens/stitches.config' -export function PrimaryDropdown(): JSX.Element { +type PrimaryDropdownProps = { + children?: ReactNode +} + +export function PrimaryDropdown(props: PrimaryDropdownProps): JSX.Element { const { viewerData } = useGetViewerQuery() const router = useRouter() @@ -61,7 +65,9 @@ export function PrimaryDropdown(): JSX.Element { + props.children ?? ( + + ) } actionHandler={headerDropdownActionHandler} /> diff --git a/packages/web/components/templates/reader/ReaderHeader.tsx b/packages/web/components/templates/reader/ReaderHeader.tsx index 6f610acd0..0abb6d828 100644 --- a/packages/web/components/templates/reader/ReaderHeader.tsx +++ b/packages/web/components/templates/reader/ReaderHeader.tsx @@ -106,7 +106,9 @@ function ControlButtonBox(): JSX.Element { - + + +