diff --git a/app/soapbox/components/sidebar-navigation-link.tsx b/app/soapbox/components/sidebar-navigation-link.tsx index 9dbedd46a..9442a4cc4 100644 --- a/app/soapbox/components/sidebar-navigation-link.tsx +++ b/app/soapbox/components/sidebar-navigation-link.tsx @@ -5,13 +5,19 @@ import { NavLink } from 'react-router-dom'; import { Icon, Text, Counter } from './ui'; interface ISidebarNavigationLink { + /** Notification count, if any. */ count?: number, + /** URL to an SVG icon. */ icon: string, - text: string | React.ReactElement, + /** Link label. */ + text: React.ReactElement, + /** Route to an internal page. */ to?: string, + /** Callback when the link is clicked. */ onClick?: React.EventHandler, } +/** Desktop sidebar navigation link. */ const SidebarNavigationLink = React.forwardRef((props: ISidebarNavigationLink, ref: React.ForwardedRef): JSX.Element => { const { icon, text, to = '', count, onClick } = props; const isActive = location.pathname === to;