32 lines
1.2 KiB
TypeScript
32 lines
1.2 KiB
TypeScript
// import React from 'react'
|
|
import type ChannelData from "/models/ChannelData"
|
|
|
|
function ChannelInfoView(props: ChannelData){
|
|
return (
|
|
<div className='light-border' style={{
|
|
display: 'block', textAlign: 'left', height: '100%',
|
|
paddingLeft: '10px', paddingRight: '10px' }}>
|
|
<h2 style={{ display: 'block', margin: '8px', textAlign: 'center' }}>
|
|
<a href={`/channel.html?id=${props.channelId}`}
|
|
style={{ margin: '8px' }}>
|
|
{props.channelName}
|
|
</a>
|
|
</h2>
|
|
<div style={{ display: 'flex', justifyContent: 'space-between', width: '100%' }}>
|
|
<img src={props.avatarUrl} width='96' height='96' style={{ margin: '4px' }} />
|
|
<div style={{ paddingRight: '8px' }}>
|
|
<p className='font-14' style={{ textAlign: 'end' }}>
|
|
{props.followersCount} followers
|
|
</p>
|
|
<p className='font-14' style={{ textAlign: 'end' }}>
|
|
{props.rating} activity rating
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<p>Channel description</p>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export default ChannelInfoView
|