jason/qotnews
1
0
Fork 0
forked from tanner/qotnews
Code Issues Pull Requests Releases Wiki Activity

refactor: Refactor nodes logic from useMemo to a regular function

Browse Source
This commit is contained in:
Tanner Collin
2025-12-03 02:37:56 +00:00
committed by Tanner Collin (aider)
parent 6dc47f6672
commit 762e8a9a2e
1 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
webclient/src/Article.js
View File

@@ -1,4 +1,4 @@
import React, { useState, useEffect, useMemo } from 'react'; import React, { useState, useEffect } from 'react';
import { useParams } from 'react-router-dom'; import { useParams } from 'react-router-dom';
import { Helmet } from 'react-helmet'; import { Helmet } from 'react-helmet';
import localForage from 'localforage'; import localForage from 'localforage';
@@ -61,14 +61,14 @@ function Article({ cache }) {
return v.localName === 'pre' || v.localName === 'code' || (v.children?.length === 1 && v.children[0].localName === 'code'); return v.localName === 'pre' || v.localName === 'code' || (v.children?.length === 1 && v.children[0].localName === 'code');
}; };
const nodes = useMemo(() => { const nodes = (s) => {
if (story && story.text) { if (s && s.text) {
let div = document.createElement('div'); let div = document.createElement('div');
div.innerHTML = story.text; div.innerHTML = s.text;
return div.childNodes; return div.childNodes;
} }
return null; return null;
}, [story]); };
return ( return (
<div className='article-container'> <div className='article-container'>
@@ -94,9 +94,9 @@ function Article({ cache }) {
{infoLine(story)} {infoLine(story)}
{nodes ? {nodes(story) ?
<div className='story-text'> <div className='story-text'>
{Object.entries(nodes).map(([k, v]) => {Object.entries(nodes(story)).map(([k, v]) =>
pConv.includes(k) ? pConv.includes(k) ?
<React.Fragment key={k}> <React.Fragment key={k}>
{v.innerHTML.split('\n\n').map((x, i) => {v.innerHTML.split('\n\n').map((x, i) =>