Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

EPMGCIP-164: Implement Footer #38

Open
wants to merge 2 commits into
base: main
Choose a base branch
from

Conversation

gordoney
Copy link
Collaborator

@gordoney gordoney commented Dec 26, 2024

Ticket

https://jira.epam.com/jira/browse/EPMGCIP-164

Preview

https://676d74de2c3980dfbbcbc4ef--staging-savitsky-museum.netlify.app/en

Code changes

  • Implemented Footer component with social networks
  • Added CircleLink component for rendering styled links
  • Added unit tests
  • Added @tabler/icons-react dependency containing icons as for EPMGCIP-163
Recording.2024-12-26.192321.mp4

@gordoney gordoney changed the title Feature/epmgcip 164/implement footer EPMGCIP-164: Implement Footer Dec 26, 2024
Copy link
Collaborator

@Dzmitry-Yaniuk Dzmitry-Yaniuk left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Good work!
Please, address to some comments

icon: JSX.Element;
}

export default function CircleLink({ link, icon }: Props) {
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

What do you think about using arrow functions (AFs) for React components instead? From my opinion it is more preferable way to declare functional components

/>
</div>
<div className={styles.copyright}>
©{currentYear}. All copyrights reserved. Copying website content allowed only on permission
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

  1. How about using &copy; HTML meta-symbol to guarantee that browser interprets symbol properly?
  2. Let's, please, put these messages (including contact details) into translation messages so it could translated later easily without affecting source code

import Footer from './Footer';

describe('Footer', () => {
it('renders correctly and show current year', () => {
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I suppose it would be also good to validate the following footer elements:

  • All social media links
  • Copyrights
  • Contact details

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants