www
/
www-new
12
3
Fork 5
Code Issues 58 Pull Requests 42 Projects Releases Wiki Activity

Refactor ReadAll content

This commit is contained in:
William Tran 2021-05-24 21:33:17 -04:00
parent 0bf1033c4a
commit 429a9ae9fb
1 changed files with 10 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
components/OrganizedContent.tsx
View File

@ -35,23 +35,20 @@ export const OrganizedContent: React.FC<Props> = ({
}) => {
const isReadAll = headings[currentIndex].name === "Read All";
const isMobile = false;
if (isMobile) {
return (
<div>
{isReadAll ? (
<div>
{headings
.filter(
(heading: { name: string }) => heading.name !== "Read All"
)
const readAllContent = headings
.filter((heading: { name: string }) => heading.name !== "Read All")
.map((heading) => (
<div key={heading.url}>
<h2 className={styles.contentHeading}>{heading.name}</h2>
{heading.content}
</div>
))}
</div>
));
if (isMobile) {
return (
<div>
{isReadAll ? (
<div>{readAllContent}</div>
) : (
<h2 className={styles.contentHeading}>
{headings[currentIndex].name}
@ -67,18 +64,7 @@ export const OrganizedContent: React.FC<Props> = ({
<Nav headings={headings} currentIndex={currentIndex} link={Link} />
<div>
{isReadAll ? (
<div>
{headings
.filter(
(heading: { name: string }) => heading.name !== "Read All"
)
.map((heading) => (
<div key={heading.url}>
<h2 className={styles.contentHeading}>{heading.name}</h2>
{heading.content}
</div>
))}
</div>
<div>{readAllContent}</div>
) : (
<h2 className={styles.contentHeading}>
{headings[currentIndex].name}