import React, {
  forwardRef, ForwardRefRenderFunction,
} from 'react';

import type { IUser, HasObjectId } from '@growi/core';
import { useRouter } from 'next/router';

import type { IInAppNotificationOpenable } from '~/client/interfaces/in-app-notification-openable';
import type { IInAppNotification } from '~/interfaces/in-app-notification';

import { ModelNotification } from './ModelNotification';
import { useActionMsgAndIconForUserModelNotification } from './useActionAndMsg';

interface Props {
  notification: IInAppNotification<IUser> & HasObjectId
}

const UserModelNotification: ForwardRefRenderFunction<IInAppNotificationOpenable, Props> = (props: Props, ref) => {

  const { notification } = props;

  const { actionMsg, actionIcon } = useActionMsgAndIconForUserModelNotification(notification);

  const router = useRouter();

  // publish open()
  const publishOpen = () => {
    router.push('/admin/users');
  };

  const actionUsers = notification.target.username;

  return (
    <ModelNotification
      notification={notification}
      actionMsg={actionMsg}
      actionIcon={actionIcon}
      actionUsers={actionUsers}
      publishOpen={publishOpen}
      ref={ref}
    />
  );
};

export default forwardRef(UserModelNotification);