import Link from 'next/link'
import NotionIcon from './NotionIcon'
import { useRouter } from 'next/router'

const BlogPostCard = ({ post, className }) => {
  const router = useRouter()
  const currentSelected = router.asPath.split('?')[0] === '/' + post.slug
  const pageIcon = post.pageIcon.indexOf('amazonaws.com') !== -1 ? post.pageIcon + '&width=88' : post.pageIcon
  return (
    <Link href={`${removeHttp(post.slug)}`} target={(checkRemoveHttp(post.slug) ? '_blank' : '_self')} passHref>
        <div key={post.id} className={`${className} h-full rounded-2xl p-4 dark:bg-neutral-800 cursor-pointer bg-white hover:bg-white dark:hover:bg-gray-800 ${currentSelected ? 'bg-green-50 text-green-500' : ''}`}>
                <div className="stack-entry w-full flex space-x-3 select-none dark:text-neutral-200">
                    <NotionIcon icon={pageIcon} size='10' className='text-6xl w-11 h-11 mx-1 my-0 flex-none' />
                    <div className="stack-comment flex-auto">
                        <p className="title font-bold">{post.title}</p>
                        <p className="description font-normal">{post.summary ? post.summary : '暂无简介'}</p>
                    </div>
                </div>
        </div>
    </Link>
  )
  function removeHttp(str) {
    // 检查字符串是否包含http
    if (str.includes('http')) {
      // 如果包含，找到http的位置
      const index = str.indexOf('http');
      // 返回http之后的部分
      return str.slice(index, str.length);
    } else {
      // 如果不包含，返回原字符串
      return str;
    }
  }
  function checkRemoveHttp(str) {
    // 检查字符串是否包含http
    if (str.includes('http')) {
      // 如果包含，找到http的位置
      return str.indexOf('http') > -1
    } else {
      // 不包含
      return false;
    }
  }
}

export default BlogPostCard