iNocturnis/NullTranslationWebsite
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added chapter renderer and type for report

Browse Source
This commit is contained in:
Hieuhuy Pham 2025-01-24 00:47:50 -05:00
parent 97e318ce6f
commit 838e9730a4
2 changed files with 17 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/components/ChapterContentRenderer.tsx
View File

@ -16,7 +16,7 @@ const ChapterRenderer: React.FC<ChapterRendererProps> = ({ content, glossary })
// Replace glossary terms in the line // Replace glossary terms in the line
Object.entries(glossary).forEach(([term, definition]) => { Object.entries(glossary).forEach(([term, definition]) => {
const termRegex = new RegExp(`\\b${term}\\b`, "gi"); // Match whole word (case-insensitive) const termRegex = new RegExp(`\\b${term}\\b`, "gi"); // Match whole word (case-insensitive)
line = line.replace(termRegex, `<glossarypopup term="${term}" definition="${definition}" />`); line = line.replace(termRegex, `<glossarypopup term="${term}" definition="${definition}"></glossarypopup>`);
}); });
line = line.replace(/<p>/g, "<div>").replace(/<\/p>/g, "</div>"); line = line.replace(/<p>/g, "<div>").replace(/<\/p>/g, "</div>");
@ -26,7 +26,11 @@ const ChapterRenderer: React.FC<ChapterRendererProps> = ({ content, glossary })
return ( return (
<div> <div>
{processed_lines.map((line, index) => ( {processed_lines.map((line, index) => {
if (!line.includes("<glossarypopup")) {
return <div key={index} className="mb-4">{parse(line)}</div>;
}
return (
<div key={index} className="mb-4"> <div key={index} className="mb-4">
{parse(line, { {parse(line, {
replace: (domNode: DOMNode) => { replace: (domNode: DOMNode) => {
@ -42,7 +46,8 @@ const ChapterRenderer: React.FC<ChapterRendererProps> = ({ content, glossary })
}, },
})} })}
</div> </div>
))} )
})}
</div> </div>
); );
}; };

9
src/lib/types.tsx
View File

@ -81,7 +81,16 @@ export interface Release {
datetime: string; datetime: string;
url: string; url: string;
} }
export interface Report {
error_type: string;
details: string;
resolve: boolean;
}
export const Ad = { export const Ad = {
patreon: "https://patreon.com/nulltranslationgroup/membership", patreon: "https://patreon.com/nulltranslationgroup/membership",
} }