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 (
{
/>
}
/>