pascallinxweiler/Webify
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[dyad] Moved changelog link to top-left - wrote 3 file(s)

Browse Source
This commit is contained in:
[dyad]
2026-01-18 13:34:04 +01:00
parent a198f1b26b
commit 998acf71d2
3 changed files with 41 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/app/page.tsx
View File

@@ -1,9 +1,22 @@
import { ImageConverter } from "@/components/image-converter";
import { changelogData } from "@/lib/changelog-data";
import Link from "next/link";
export default function Home() {
const latestVersion = changelogData[0]?.version;
return (
<div className="relative flex flex-col items-center justify-center min-h-screen p-4 sm:p-8 bg-gray-50 dark:bg-background font-[family-name:var(--font-geist-sans)]">
{latestVersion && (
<header className="absolute top-4 left-4 sm:top-8 sm:left-8 z-20">
<Link
href="/changelog"
className="text-sm text-muted-foreground hover:text-primary transition-colors"
>
v{latestVersion}
</Link>
</header>
)}
<main className="flex flex-col items-center w-full max-w-6xl z-10">
<div className="text-center mb-8">
<h1 className="text-4xl font-bold tracking-tight text-gray-900 dark:text-gray-100 sm:text-5xl">
@@ -15,11 +28,6 @@ export default function Home() {
</div>
<ImageConverter />
</main>
<footer className="w-full max-w-6xl z-10 mt-8 py-4 text-center text-sm text-muted-foreground">
<Link href="/changelog" className="hover:text-primary transition-colors">
Changelog
</Link>
</footer>
</div>
);
}

29
src/components/changelog.tsx
View File

@@ -3,34 +3,7 @@
import { Badge } from "@/components/ui/badge";
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
import { cn } from "@/lib/utils";
const changelogData = [
{
version: "1.2.0",
date: "July 26, 2024",
changes: [
{ type: "New", text: "Added a changelog page to track updates and new features." },
{ type: "Improved", text: "Implemented 'auto' dimensioning for batch processing. When one dimension (width or height) is set, the other is calculated automatically for each image to maintain its aspect ratio." },
{ type: "Fixed", text: "Enabled the 'Reset' and 'Apply' buttons to be used even when no images are uploaded." },
],
},
{
version: "1.1.0",
date: "July 25, 2024",
changes: [
{ type: "Improved", text: "Aspect ratio is now automatically detected from the first uploaded image and can be locked." },
{ type: "Fixed", text: "Corrected an issue where swapping dimensions would not update the aspect ratio to 'Custom'."}
],
},
{
version: "1.0.0",
date: "July 24, 2024",
changes: [
{ type: "New", text: "Initial release of the Image Web Exporter." },
{ type: "New", text: "Features include image uploading, format conversion (PNG, JPEG, WEBP), resizing, quality adjustment, and filename customization." },
],
},
];
import { changelogData } from "@/lib/changelog-data";
export function Changelog() {
return (

27
src/lib/changelog-data.ts Normal file
View File

@@ -0,0 +1,27 @@
export const changelogData = [
{
version: "1.2.0",
date: "July 26, 2024",
changes: [
{ type: "New", text: "Added a changelog page to track updates and new features." },
{ type: "Improved", text: "Implemented 'auto' dimensioning for batch processing. When one dimension (width or height) is set, the other is calculated automatically for each image to maintain its aspect ratio." },
{ type: "Fixed", text: "Enabled the 'Reset' and 'Apply' buttons to be used even when no images are uploaded." },
],
},
{
version: "1.1.0",
date: "July 25, 2024",
changes: [
{ type: "Improved", text: "Aspect ratio is now automatically detected from the first uploaded image and can be locked." },
{ type: "Fixed", text: "Corrected an issue where swapping dimensions would not update the aspect ratio to 'Custom'."}
],
},
{
version: "1.0.0",
date: "July 24, 2024",
changes: [
{ type: "New", text: "Initial release of the Image Web Exporter." },
{ type: "New", text: "Features include image uploading, format conversion (PNG, JPEG, WEBP), resizing, quality adjustment, and filename customization." },
],
},
];