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

News page refactor

Browse source
This commit is contained in:
MrFry 2020-04-07 07:55:58 +02:00
parent 72ea24c071
commit 9f576a41f6
2 changed files with 70 additions and 30 deletions
Download patch file Download diff file Expand all files Collapse all files

69
src/pages/index.js
View file

@ -36,27 +36,61 @@ export default function Index (props) {
})
}, [])
const renderQAItem = (n, key) => {
return (
<div key={key} className={styles.itemContainer}>
<div className={styles.itemNumber}>
{key} :
</div>
<div
className={styles.question}
dangerouslySetInnerHTML={{ __html: n.q }}
/>
<div
className={styles.answer}
dangerouslySetInnerHTML={{ __html: n.a }}
/>
</div>
)
}
const renderNewsItem = (n, key) => {
return (
<div key={key} className={styles.itemContainer}>
<div className={styles.itemNumber}>
{key} :
</div>
<div
className={styles.newsTitle}
dangerouslySetInnerHTML={{ __html: n.title }}
/>
<div
className={styles.newsBody}
dangerouslySetInnerHTML={{ __html: n.body }}
/>
</div>
)
}
const renderNews = () => {
if (news) {
let questions = Object.keys(news).map((key, i) => {
let q = news[key]
return (
<div key={key} className={styles.questioncontainer}>
<div >
<div className={styles.questionnumber}>
{key}:
</div>
<div
className={styles.question}
dangerouslySetInnerHTML={{ __html: q.q }}
/>
<div
className={styles.answer}
dangerouslySetInnerHTML={{ __html: q.a }}
/>
let n = news[key]
if (n.q) {
return (
<div key={key}>
{renderQAItem(n, key)}
<hr />
</div>
</div>
)
)
} else {
return (
<div key={key}>
{renderNewsItem(n, key)}
<hr />
</div>
)
}
}).reverse()
return (
@ -89,7 +123,6 @@ export default function Index (props) {
<div>
{renderMotd()}
<center>
{Object.keys(links).map((key) => {
let link = links[key]
return (