joshuafhiggins/realm-homepage
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge pull request #11 from Pratyay360/main

Browse Source 
download button at center
This commit is contained in:
mauro 🤙
2024-08-13 15:08:21 +02:00
committed by GitHub
parent c3e7b5601f 9803c76f65
commit f976567217
1 changed files with 43 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

54
src/components/release-note.tsx
View File

@@ -7,15 +7,29 @@ export default function ReleaseNoteElement({ data }: { data: ReleaseNote }) {
return (
<div className="flex flex-col mt-52 mb-24">
<div className="mx-auto w-full px-10 md:px-0 md:w-1/2">
<h1 className="text-4xl font-bold">Release notes for {data.version} 🎉</h1>
<p className="text-sm mt-1 font-bold text-muted-foreground">{data.date}</p>
<h1 className="text-4xl font-bold">
Release notes for {data.version} 🎉
</h1>
<p className="text-sm mt-1 font-bold text-muted-foreground">
{data.date}
</p>
<p className="text-md mt-4 text-muted-foreground">
If you encounter any issues, please report them on <Link href="https://github.com/zen-browser/desktop/issues/" className="text-underline text-blue-500">the issues page</Link>. Thanks everyone for your feedback! ❤️
If you encounter any issues, please report them on{" "}
<Link
href="https://github.com/zen-browser/desktop/issues/"
className="text-underline text-blue-500"
>
the issues page
</Link>
. Thanks everyone for your feedback! ❤️
</p>
{data.extra && (
<p className="text-md mt-8" dangerouslySetInnerHTML=
{{__html: data.extra.replace(/(\n)/g, "<br />")}}>
</p>
<p
className="text-md mt-8"
dangerouslySetInnerHTML={{
__html: data.extra.replace(/(\n)/g, "<br />"),
}}
></p>
)}
{data.breakingChanges && (
<>
@@ -23,10 +37,14 @@ export default function ReleaseNoteElement({ data }: { data: ReleaseNote }) {
<ExclamationTriangleIcon className="w-6 h-6 mr-4" />
Breaking changes
</h2>
<p className="text-md mt-4">The following changes may break existing functionality:</p>
<p className="text-md mt-4">
The following changes may break existing functionality:
</p>
<ul className="list-disc list-inside mt-2">
{data.breakingChanges?.map((change, index) => (
<li key={index} className="mt-1 text-muted-foreground">{change}</li>
<li key={index} className="mt-1 text-muted-foreground">
{change}
</li>
))}
</ul>
</>
@@ -37,10 +55,14 @@ export default function ReleaseNoteElement({ data }: { data: ReleaseNote }) {
<StarIcon className="w-6 h-6 mr-4" />
Features
</h2>
<p className="text-md mt-2">The following features have been added:</p>
<p className="text-md mt-2">
The following features have been added:
</p>
<ul className="list-disc list-inside mt-4">
{data.features?.map((feature, index) => (
<li key={index} className="text-md mt-1 text-muted-foreground">{feature}</li>
<li key={index} className="text-md mt-1 text-muted-foreground">
{feature}
</li>
))}
</ul>
</>
@@ -51,7 +73,9 @@ export default function ReleaseNoteElement({ data }: { data: ReleaseNote }) {
<CheckCheckIcon className="w-6 h-6 mr-4" />
Fixes
</h2>
<p className="text-md mt-2">The following issues have been fixed:</p>
<p className="text-md mt-2">
The following issues have been fixed:
</p>
<ul className="list-disc list-inside mt-2">
{data.fixes?.map((fix, index) => (
<li key={index} className="mt-1 text-muted-foreground">
@@ -71,9 +95,11 @@ export default function ReleaseNoteElement({ data }: { data: ReleaseNote }) {
</>
)}
</div>
<Link href='/download'>
<Button className="mt-12 w-fit mx-auto">Download zen now!</Button>
</Link>
<div className="flex flex-wrap items-center justify-center">
<Link href="/download">
<Button className="mt-12 w-fit mx-auto">Download zen now!</Button>
</Link>
</div>
</div>
);
}