owenrees/chess-scribe-website
1
0
Fork 0
mirror of https://github.com/TheRealOwenRees/chess-scribe-website.git synced 2026-07-23 09:56:57 +00:00
Code Issues Packages Projects Releases Wiki Activity

import lichess pgn viewer as a react component

Browse Source
This commit is contained in:
Owen Rees
2026-06-01 09:39:55 +02:00
parent 72f68da3b0
commit a69911d457
9 changed files with 88 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/Chessboard.tsx
+13 -8
View File
@@ -1,13 +1,18 @@
import LichessButton from "#/components/LichessButton.tsx";
import PgnViewerComponent from "#/components/LichessPgnViewerComponent.tsx";
import Section from "#/components/Section.tsx";
const Chessboard = () => (
<main className="px-4 pb-8 place-self-center min-h-[calc(100vh-226px)]">
<Section title="Convert PGN to PDF">
<LichessButton /> or{" "}
<input type="file" id="file-input" className="file-input max-w-xs" />
</Section>
</main>
);
const Chessboard = () => {
return (
<main className="px-4 pb-8 place-self-center min-h-[calc(100vh-226px)]">
<Section title="Convert PGN to PDF">
<LichessButton /> or{" "}
<input type="file" id="file-input" className="file-input max-w-xs" />
</Section>
<PgnViewerComponent pgn="" />
</main>
);
};
export default Chessboard;