import React, { ReactNode } from 'react';
import Transition from '../../Transition';
import Link from 'next/link';
import { useRouter } from 'next/router';
import { defineMessages, FormattedMessage } from 'react-intl';
const messages = defineMessages({
dashboard: 'Dashboard',
requests: 'Requests',
settings: 'Settings',
});
interface SidebarProps {
open?: boolean;
setClosed: () => void;
}
interface SidebarLinkProps {
href: string;
svgIcon: ReactNode;
messagesKey: keyof typeof messages;
activeRegExp: RegExp;
as?: string;
}
const SidebarLinks: SidebarLinkProps[] = [
{
href: '/',
messagesKey: 'dashboard',
svgIcon: (
),
activeRegExp: /^\/(discover\/?(movies|tv)?)?$/,
},
{
href: '/requests',
messagesKey: 'requests',
svgIcon: (
),
activeRegExp: /^\/requests/,
},
{
href: '/settings',
messagesKey: 'settings',
svgIcon: (
),
activeRegExp: /^\/settings/,
},
];
const Sidebar: React.FC = ({ open, setClosed }) => {
const router = useRouter();
return (
<>
);
};
export default Sidebar;