openreplay/frontend/app/components/shared/Copyright.tsx
Shekar Siri f965c69a26 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>
2025-03-04 15:47:01 +01:00

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;