feat(components): replace icons with a generic Icon component

Sizes are also predefined and can be set using the `size` prop,
so the consumers should no longer adjust the size in CSS.

1 files changed, 8 insertions, 7 deletions

diff --git a/src/components/atoms/layout/copyright.test.tsx b/src/components/atoms/layout/copyright.test.tsx
index 1e2230c..3aa04d0 100644
--- a/src/components/atoms/layout/copyright.test.tsx
+++ b/src/components/atoms/layout/copyright.test.tsx
@@ -1,33 +1,34 @@
 import { describe, expect, it } from '@jest/globals';
-import { render, screen } from '../../../../tests/utils';
-import { CCBySA } from '../icons';
+import { render, screen as rtlScreen } from '../../../../tests/utils';
+import { Icon } from '../images';
 import { Copyright } from './copyright';
 
 const dates = {
   start: '2012',
   end: '2022',
 };
-const icon = <CCBySA />;
+const iconHeading = 'CC BY SA';
+const icon = <Icon heading={iconHeading} shape="cc-by-sa" />;
 const owner = 'Your name';
 
 describe('Copyright', () => {
   it('renders the copyright owner', () => {
     render(<Copyright dates={dates} icon={icon} owner={owner} />);
-    expect(screen.getByText(owner)).toBeInTheDocument();
+    expect(rtlScreen.getByText(owner)).toBeInTheDocument();
   });
 
   it('renders the copyright start date', () => {
     render(<Copyright dates={dates} icon={icon} owner={owner} />);
-    expect(screen.getByText(dates.start)).toBeInTheDocument();
+    expect(rtlScreen.getByText(dates.start)).toBeInTheDocument();
   });
 
   it('renders the copyright end date', () => {
     render(<Copyright dates={dates} icon={icon} owner={owner} />);
-    expect(screen.getByText(dates.end)).toBeInTheDocument();
+    expect(rtlScreen.getByText(dates.end)).toBeInTheDocument();
   });
 
   it('renders the copyright icon', () => {
     render(<Copyright dates={dates} icon={icon} owner={owner} />);
-    expect(screen.getByTitle('CC BY SA')).toBeInTheDocument();
+    expect(rtlScreen.getByTitle(iconHeading)).toBeInTheDocument();
   });
 });