twitch-clone/client/pages/category/[categoryName].tsx

27 lines
763 B
TypeScript

import { categories } from "../../placeholder/SearchCategories"
function ChannelPage() {
const category = categories.data[0]
return (
<div className="flex-1 flex flex-row">
<div className="bg-neutral-900 flex-1 text-gray-100">
<div className="max-w-[200rem] mx-12 mt-12">
<div className="flex flex-row items-center space-x-4">
<img src={category.box_art_url} alt={category.name} />
<div className="">
<h1>{category.name}</h1>
<div>
<p>
<span>603K</span> Viewers * <span>20.8M</span> Followers
</p>
</div>
</div>
</div>
</div>
</div>
</div>
)
}
export default ChannelPage