31 lines
1.1 KiB
JavaScript
31 lines
1.1 KiB
JavaScript
import React, { useState, useEffect } from "react";
|
|
import './Post.css';
|
|
|
|
export default function Post({title,author,subreddit,ups,comments,time,id,media,permalink,selftext,video}) {
|
|
const limit = 300;
|
|
const [body, setBody] = useState(selftext);
|
|
|
|
useEffect(() => {
|
|
if (selftext.length > limit) {
|
|
setBody(selftext.substring(0,limit) + '...');
|
|
} else {
|
|
return;
|
|
}
|
|
})
|
|
|
|
return (
|
|
<>
|
|
<div className="post-body">
|
|
<a className="title" href={`https://reddit.com${permalink}`}>{title ? title : 'title'}</a>
|
|
{media ? <img alt={title} src={media} /> : ''}
|
|
{video ? <video controls type="video/mp4" src={video}></video> : ''}
|
|
<p>{body}</p>
|
|
<div className="post-metadata">
|
|
<p className="user">{author ? 'u/' + author : 'u/username'}</p>
|
|
<p className="time-posted">{time ? time : ''}</p>
|
|
<p className="num-comments">{comments ? comments : 'comments'}</p>
|
|
</div>
|
|
</div>
|
|
</>
|
|
);
|
|
} |