import {useRouter} from 'next/router';
import {useTranslation} from 'react-i18next';
import useProfile from '../../hooks/useProfile';
import useRedirectUrlStore from '../../stores/useRedirectUrl';

interface Props {
  onAdd: (isAddToMyEvent: boolean) => void;
  eventId?: string;
}

const useActions = (props: Props) => {
  const {onAdd, eventId} = props;
  const {t} = useTranslation();
  const router = useRouter();
  const {connected} = useProfile();
  const setRedirectUrl = useRedirectUrlStore(s => s.setRedirectUrl);

  const noUserMenuActions = [
    {
      label: t('event.actions.add_to_my_events'),
      onClick: () => {
        onAdd(true);
      },
      id: 'AddToMyEventsTab',
    },
    {divider: true},
    {
      label: t('menu.login'),
      onClick: () => {
        setRedirectUrl(window.location.href);
        router.push('/auth/login');
      },
      id: 'SignInTab',
    },
    {
      label: t('menu.register'),
      onClick: () => {
        setRedirectUrl(window.location.href);
        router.push({
          pathname: '/auth/register',
          state: {event: eventId},
        });
      },
      id: 'SignUpTab',
    },
    {divider: true},
  ];

  const loggedMenuActions = [
    {
      label: t('menu.dashboard'),
      onClick: () => router.push('/dashboard'),
      id: 'GoToDashboardTab',
    },
    {
      label: t('menu.profile'),
      onClick: () => router.push('/profile'),
      id: 'ProfileTab',
    },
    {divider: true},
  ];

  return connected ? loggedMenuActions : noUserMenuActions;
};

export default useActions;