'use client';

import { VC_FE_URL, WOSA_ADMIN_URL } from '@/config/site-config';
import { UnknownRecord } from '@/types';
import Link from 'next/link';
import { FC } from 'react';

interface RecentVisitsProps {
  recentVisitedMenus: UnknownRecord[];
  setOpen?: (open: boolean) => void;
  handleMenuItemClick: (href: string, title: string, platform: string) => void;
}

const RecentVisits: FC<RecentVisitsProps> = ({
  recentVisitedMenus,
  setOpen,
  handleMenuItemClick,
}) => {
  return (
    <div>
      <div className="bookmark-heading">Recently Visited</div>
      <div className="scroll-y recently-visited-section">
        <ul>
          {recentVisitedMenus.map((page: UnknownRecord, index: number) => {
            const BASEURL =
              String(page.platform) === '2' ? VC_FE_URL : WOSA_ADMIN_URL;
            return (
              <li key={index}>
                <Link
                  href={`${BASEURL}${page.href.replace(/^\/+/, '')}`}
                  onClick={() => {
                    handleMenuItemClick(
                      `${page.href.replace(/^\/+/, '')}`,
                      page.title,
                      page.platform,
                    );
                    setOpen?.(false);
                  }}
                >
                  {page.title}
                </Link>
              </li>
            );
          })}
        </ul>
      </div>
    </div>
  );
};

export default RecentVisits;