albert/qmining-page
1
0
Fork 0
mirror of https://gitlab.com/MrFry/qmining-page synced 2025-04-01 20:23:44 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

Added admin comments, styling

Browse source
This commit is contained in:
mrfry 2021-03-04 22:11:21 +01:00
parent 71911063b0
commit a09e9734da
4 changed files with 56 additions and 25 deletions
Download patch file Download diff file Expand all files Collapse all files

38
src/components/newsEntry.js
View file

@ -13,29 +13,35 @@ export default function NewsEntry({
onComment,
onDelete,
}) {
const { reacts, title, body, comments } = newsItem
const { reacts, title, text, user, comments, date, adminPost } = newsItem
return (
<div>
<div className={styles.newsContainer}>
<div className={styles.itemNumber}>{newsKey} :</div>
<div
className={styles.newsTitle}
dangerouslySetInnerHTML={{ __html: title }}
/>
<div
className={`${styles.newsContainer} ${adminPost && styles.adminPost}`}
>
<div className={styles.newsHeader}>
<div
className={styles.newsTitle}
dangerouslySetInnerHTML={{ __html: title }}
/>
<div className={styles.user}>
<div>User #{user}</div>
<div className={styles.newsDate}>{date}</div>
</div>
</div>
<div
className={styles.newsBody}
dangerouslySetInnerHTML={{ __html: body }}
dangerouslySetInnerHTML={{ __html: text }}
/>
<ReactButton
existingReacts={reacts}
uid={uid}
onClick={(reaction, isDelete) => {
onReact({ type: 'news', reaction, isDelete })
}}
/>
</div>
<ReactButton
existingReacts={reacts}
uid={uid}
onClick={(reaction, isDelete) => {
onReact({ type: 'news', reaction, isDelete })
}}
/>
<hr />
<Comments
uid={uid}
onReact={(path, reaction, isDelete) => {