diff --git a/app/javascript/flavours/glitch/features/compose/index.tsx b/app/javascript/flavours/glitch/features/compose/index.tsx index b097e812c2..d5b8a00ad9 100644 --- a/app/javascript/flavours/glitch/features/compose/index.tsx +++ b/app/javascript/flavours/glitch/features/compose/index.tsx @@ -249,7 +249,11 @@ const Compose: React.FC<{ multiColumn: boolean }> = ({ multiColumn }) => { />
- +
diff --git a/app/javascript/flavours/glitch/features/navigation_panel/index.tsx b/app/javascript/flavours/glitch/features/navigation_panel/index.tsx index e83a96dfd2..a3d36ad6e4 100644 --- a/app/javascript/flavours/glitch/features/navigation_panel/index.tsx +++ b/app/javascript/flavours/glitch/features/navigation_panel/index.tsx @@ -285,7 +285,7 @@ export const NavigationPanel: React.FC<{ multiColumn?: boolean }> = ({ {!multiColumn && (
  • boolean; text: string; - to?: string; + to?: MastodonLocationDescriptor; onClick?: MouseEventHandler; href?: string; method?: string; @@ -35,7 +36,9 @@ export const ColumnLink: React.FC<{ transparent, ...other }) => { - const match = useRouteMatch(to ?? ''); + const match = useRouteMatch( + (typeof to === 'string' ? to : to?.pathname) ?? '', + ); const className = classNames('column-link', { 'column-link--transparent': transparent, }); diff --git a/app/javascript/flavours/glitch/features/ui/components/navigation_bar.tsx b/app/javascript/flavours/glitch/features/ui/components/navigation_bar.tsx index 69a18756af..57b18ac326 100644 --- a/app/javascript/flavours/glitch/features/ui/components/navigation_bar.tsx +++ b/app/javascript/flavours/glitch/features/ui/components/navigation_bar.tsx @@ -17,6 +17,7 @@ import { toggleNavigation } from 'flavours/glitch/actions/navigation'; import { fetchServer } from 'flavours/glitch/actions/server'; import { Icon } from 'flavours/glitch/components/icon'; import { IconWithBadge } from 'flavours/glitch/components/icon_with_badge'; +import type { MastodonLocationDescriptor } from 'flavours/glitch/components/router'; import { useIdentity } from 'flavours/glitch/identity_context'; import { registrationsOpen, sso_redirect } from 'flavours/glitch/initial_state'; import { selectUnreadNotificationGroupsCount } from 'flavours/glitch/selectors/notifications'; @@ -38,12 +39,14 @@ export const messages = defineMessages({ }); const IconLabelButton: React.FC<{ - to: string; + to: MastodonLocationDescriptor; icon?: React.ReactNode; activeIcon?: React.ReactNode; title: string; }> = ({ to, icon, activeIcon, title }) => { - const match = useRouteMatch(to); + const match = useRouteMatch( + typeof to === 'string' ? to : (to.pathname ?? ''), + ); return ( { /> } />