30 lines
653 B
JavaScript
30 lines
653 B
JavaScript
import React from 'react'
|
|
import { useRouter } from 'next/router'
|
|
|
|
const Result = ({result}) => {
|
|
|
|
const router = useRouter()
|
|
const {book, writer, text, page} = result._source
|
|
|
|
return (
|
|
<div onClick={() => (router.push({pathname: `/${result._type}/${result._id}`}))} className='
|
|
self-end
|
|
bg-[#202124]
|
|
w-[100%]
|
|
laptop:max-w-[50vw]
|
|
p-3 m-auto
|
|
border-4
|
|
border-[#303134]
|
|
font-serif text-base
|
|
text-lg
|
|
tablet:text-2xl text-white
|
|
laptop:text-lg
|
|
'
|
|
>
|
|
<p className='m-3'>{text}</p>
|
|
<p className='m-3'>"{book}" - {writer} - str. {page}.</p>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export default Result |