From 68ff4a7308f575ee1d00f21b6be07b8d18f8f2d7 Mon Sep 17 00:00:00 2001
From: Mauro Balades <mauro.balades@tutanota.com>
Date: Thu, 11 Jul 2024 23:05:41 +0200
Subject: [PATCH] refactor: Rename components and update imports for
 consistency

---
 src/app/release-notes/[version]/page.tsx | 2 +-
 src/app/release-notes/page.tsx           | 4 ++--
 src/components/release-note.tsx          | 2 +-
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/app/release-notes/[version]/page.tsx b/src/app/release-notes/[version]/page.tsx
index 9a00dfc..73224dd 100644
--- a/src/app/release-notes/[version]/page.tsx
+++ b/src/app/release-notes/[version]/page.tsx
@@ -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;
 
diff --git a/src/app/release-notes/page.tsx b/src/app/release-notes/page.tsx
index 822bb28..67c56a6 100644
--- a/src/app/release-notes/page.tsx
+++ b/src/app/release-notes/page.tsx
@@ -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>
diff --git a/src/components/release-note.tsx b/src/components/release-note.tsx
index a8ac2d3..abc022d 100644
--- a/src/components/release-note.tsx
+++ b/src/components/release-note.tsx
@@ -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">