From f965c69a26e7ec7c86b1f7c33106feb112af7ee6 Mon Sep 17 00:00:00 2001
From: Shekar Siri <sshekarsiri@gmail.com>
Date: Tue, 4 Mar 2025 15:47:01 +0100
Subject: [PATCH] refactor(Copyright): modernize component and add dynamic year

- Convert from function to React.memo for better performance
- Replace hardcoded year with dynamic current year calculation
- Update styling classes to use Tailwind format
- Add hover states to improve UX
- Add rel="noopener noreferrer" for security best practices
- Change container from div to semantic footer element

Signed-off-by: Shekar Siri <sshekarsiri@gmail.com>
---
 frontend/app/components/shared/Copyright.tsx | 17 ++++++++++-------
 1 file changed, 10 insertions(+), 7 deletions(-)

diff --git a/frontend/app/components/shared/Copyright.tsx b/frontend/app/components/shared/Copyright.tsx
index c01faedc0..635457a4f 100644
--- a/frontend/app/components/shared/Copyright.tsx
+++ b/frontend/app/components/shared/Copyright.tsx
@@ -1,11 +1,14 @@
 import React from 'react';
 
-function Copyright() {
-    return (
-        <div className="fixed bottom-0 m-auto text-center mb-6 color-gray-medium">
-          © 2025 OpenReplay. All rights reserved. <a className="underline" href="https://openreplay.com/privacy.html" target="_blank">Privacy</a> and <a className="underline" href="https://openreplay.com/terms.html" target="_blank">Terms</a>.
-        </div>
-    );
-}
+const Copyright = React.memo(() => {
+  const currentYear = new Date().getFullYear();
+  return (
+    <footer className="fixed bottom-0 m-auto text-center mb-6 text-gray-500">
+      © {currentYear} OpenReplay. All rights reserved.{' '}
+      <a className="underline hover:text-gray-700" href="https://openreplay.com/privacy.html" target="_blank" rel="noopener noreferrer">Privacy</a> and{' '}
+      <a className="underline hover:text-gray-700" href="https://openreplay.com/terms.html" target="_blank" rel="noopener noreferrer">Terms</a>.
+    </footer>
+  );
+});
 
 export default Copyright;