- 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>
14 lines
615 B
TypeScript
14 lines
615 B
TypeScript
import React from 'react';
|
|
|
|
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;
|