added changelog page basics
This commit is contained in:
parent
cf2ae1a622
commit
c91a71caf6
@ -13,7 +13,6 @@ export default function About() {
|
|||||||
<AboutMe></AboutMe>
|
<AboutMe></AboutMe>
|
||||||
<AboutSite></AboutSite>
|
<AboutSite></AboutSite>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</>
|
</>
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
@ -1,5 +1,13 @@
|
|||||||
{
|
{
|
||||||
"entries": [
|
"entries": [
|
||||||
|
{
|
||||||
|
"id": "2",
|
||||||
|
"date": "23-07-08",
|
||||||
|
"title": "Added Changelog page",
|
||||||
|
"description": "Added changelog page. I will improve upon the styling a bit, but I wanted to get the basic functionality out.",
|
||||||
|
"linkName": "link",
|
||||||
|
"link": "/changelog"
|
||||||
|
},
|
||||||
{
|
{
|
||||||
"id": "1",
|
"id": "1",
|
||||||
"date": "23-07-03",
|
"date": "23-07-03",
|
||||||
|
37
src/app/changelog/page.tsx
Normal file
37
src/app/changelog/page.tsx
Normal file
@ -0,0 +1,37 @@
|
|||||||
|
import ContentCard from "@/components/ContentCard";
|
||||||
|
import { ChangelogHandler } from "../../../lib/obtain-changelog";
|
||||||
|
import { LogItem } from "../../../lib/log-item";
|
||||||
|
|
||||||
|
export default function Changelog() {
|
||||||
|
|
||||||
|
const changelogHandler = new ChangelogHandler();
|
||||||
|
const changelogData: LogItem[] = changelogHandler.getFullChangelog();
|
||||||
|
|
||||||
|
return (
|
||||||
|
<>
|
||||||
|
<ContentCard outerClass={'mb-4'} innerClass={'!shadow-zinc-700'}>
|
||||||
|
<h1 className={"text-center"}>{'<< Changelog >>'}</h1>
|
||||||
|
</ContentCard>
|
||||||
|
|
||||||
|
<ContentCard>
|
||||||
|
|
||||||
|
<h2>{"< Entries >"}</h2>
|
||||||
|
<hr />
|
||||||
|
|
||||||
|
{
|
||||||
|
changelogData.map((log) =>
|
||||||
|
<>
|
||||||
|
<div>
|
||||||
|
{log.id}. <b>{log.title}</b> (<a href={log.link}>{log.linkName}</a>)
|
||||||
|
<br />
|
||||||
|
<div className="ml-7">
|
||||||
|
<i>{log.date}</i> - {log.description}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<hr />
|
||||||
|
</>
|
||||||
|
)}
|
||||||
|
</ContentCard>
|
||||||
|
</>
|
||||||
|
)
|
||||||
|
}
|
@ -8,10 +8,10 @@ import { ChangelogHandler } from "../../lib/obtain-changelog";
|
|||||||
import { LogItem } from "../../lib/log-item";
|
import { LogItem } from "../../lib/log-item";
|
||||||
|
|
||||||
const changelogHandler = new ChangelogHandler();
|
const changelogHandler = new ChangelogHandler();
|
||||||
|
const changelogData: LogItem[] = changelogHandler.getRecentChangelog();
|
||||||
|
|
||||||
export default function Home() {
|
export default function Home() {
|
||||||
|
|
||||||
const changelogData: LogItem[] = changelogHandler.getRecentChangelog();
|
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
|
Loading…
x
Reference in New Issue
Block a user