LiItem.js (920B)
1 import Link from "next/link"; 2 import Attribution from "./Attribution.js"; 3 4 function LiItem({ attributed, author, misattributed, title, uri, unverified }) { 5 return ( 6 <li className="list-item"> 7 <article> 8 <div className="meta"> 9 <span> 10 <span className="screen-reader">Quote by</span> 11 </span> 12 <span> 13 <Link href={`/authors/${author}`}> 14 <a>{author}</a> 15 </Link> 16 </span> 17 <Attribution 18 attributed={attributed} 19 misattributed={misattributed} 20 unverified={unverified} 21 /> 22 </div> 23 <header className="list-item-header"> 24 <h3 className="list-item-title"> 25 <Link href={`/authors/${author}/${uri}`}> 26 <a>{title}</a> 27 </Link> 28 </h3> 29 </header> 30 </article> 31 </li> 32 ); 33 } 34 35 export default LiItem;