ZenBrowserMirrors/www
1
0
Fork 0
mirror of https://github.com/zen-browser/www.git synced 2025-07-08 01:10:02 +02:00
Code Issues Projects Releases Packages Wiki Activity

refactor: Rename components and update imports for consistency

Browse source
This commit is contained in:
Mauro Balades 2024-07-11 23:05:41 +02:00
parent 4a7e3aadc1
commit 68ff4a7308
3 changed files with 4 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/app/release-notes/[version]/page.tsx
View file

@ -8,7 +8,7 @@ import { releaseNotes } from '@/lib/release-notes';
import Link from 'next/link';
import { useParams } from 'next/navigation'
export default function() {
export default function ReleaseNotePage() {
const params = useParams<{ version: string }>()
const { version } = params;

4
src/app/release-notes/page.tsx
View file

@ -3,14 +3,14 @@ import { Navigation } from "@/components/navigation";
import { releaseNoteIsAlpha, releaseNotes } from "@/lib/release-notes";
import Link from "next/link";
export default function() {
export default function ReleaseNotes() {
return (
<main className="flex min-h-screen flex-col items-center justify-start">
<div className="min-h-screen py-42 flex justify-center flex-col">
<h1 className="text-4xl text-center font-bold mt-12">Release Notes</h1>
<div className="grid gap-5 grid-cols-1 md:grid-cols-2 lg:grid-cols-3 mt-10">
{releaseNotes.map((releaseNote) => (
<Link href={`/release-notes/${releaseNote.version}`} className="bg-background relative max-w-64 overflow-hidden rounded-lg border p-5 hover:border-blue-500 transition-all duration-300 hover:-translate-y-1 hover:-translate-x-1">
<Link href={`/release-notes/${releaseNote.version}`} className="bg-background relative max-w-64 overflow-hidden rounded-lg border p-5 hover:border-blue-500 transition-all duration-300 hover:-translate-y-1 hover:-translate-x-1" key={releaseNote.version}>
<div className="text-md font-medium mb-5">
{releaseNote.version}
</div>

2
src/components/release-note.tsx
View file

@ -3,7 +3,7 @@ import { ExclamationTriangleIcon } from "@radix-ui/react-icons";
import { CheckCheckIcon, StarIcon } from "lucide-react";
import { Button } from "./ui/button";
export default function ReleaseNote({ data }: { data: ReleaseNote }) {
export default function ReleaseNoteElement({ data }: { data: ReleaseNote }) {
return (
<div className="flex flex-col mt-52 mb-24">
<div className="mx-auto w-1/3">