gatsby-matrix-theme 15.0.0 → 15.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -1,3 +1,38 @@
1
+ ## [15.0.2](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/compare/v15.0.1...v15.0.2) (2023-03-13)
2
+
3
+
4
+ ### Bug Fixes
5
+
6
+ * header name ([c994bbe](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/c994bbee36bca5dbacf2ee30f3cfb65ec2b030e1))
7
+ * payment name ([2709954](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/27099543609307defc0e4be494e274285974c7ef))
8
+
9
+ ## [15.0.1](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/compare/v15.0.0...v15.0.1) (2023-03-13)
10
+
11
+
12
+ ### Bug Fixes
13
+
14
+ * disabled optinmonstr ([ed5a4e5](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/ed5a4e5f81bbe5e1635665aa24696a3b52fd0a41))
15
+ * footer logos ([2a9fec3](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/2a9fec39395a345152b94d79675e3fc52e202b06))
16
+ * footer logos ([b23f235](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/b23f235932461e724414d9216f79bd7be3a5ceab))
17
+ * footer logos ([a95aab0](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/a95aab0ac6d6d54053321ad191a09a58c126c5d8))
18
+ * image cdn ([1ca2db3](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/1ca2db35354a80cf15acfc154b555fb608dafcfc))
19
+ * templateone dfix ([190a48e](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/190a48e14e885d06a8f735cf89491e93be5afa6a))
20
+
21
+
22
+ ### Code Refactoring
23
+
24
+ * changes to social icons to appear bigger ([528598b](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/528598bdce2068cfe623e68ff9e0640191cc4929))
25
+ * footer license svg ([8ed7c6c](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/8ed7c6c13a7fadf141f58c7b952303dae4d2544e))
26
+
27
+
28
+ * Merge branch 'master' of git.ilcd.rocks:team-floyd/themes/matrix-theme ([e686ead](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/e686ead056a11036ec0ba75a481ad557040f4f1b))
29
+ * Merge branch 'tm-3298-footer' into 'master' ([c86f6c8](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/c86f6c859af9956fae6b396463b29912b97cd285))
30
+
31
+
32
+ ### Tests
33
+
34
+ * footer test ([c94e0ee](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/c94e0ee400365110ba810513276fe8b1b7c74030))
35
+
1
36
  # [15.0.0](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/compare/v14.0.0...v15.0.0) (2023-03-10)
2
37
 
3
38
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "gatsby-matrix-theme",
3
- "version": "15.0.0",
3
+ "version": "15.0.2",
4
4
  "main": "index.js",
5
5
  "description": "Matrix Theme NPM Package",
6
6
  "author": "",
@@ -25,7 +25,7 @@
25
25
  "dependencies": {
26
26
  "@react-icons/all-files": "^4.1.0",
27
27
  "gatsby": "^4.20.0",
28
- "gatsby-core-theme": "18.0.21",
28
+ "gatsby-core-theme": "18.0.22",
29
29
  "gatsby-plugin-sharp": "^4.10.2",
30
30
  "gatsby-plugin-sitemap": "^3.3.0",
31
31
  "gatsby-transformer-sharp": "^4.10.0",
@@ -12,7 +12,6 @@ const AsSeenOn = ({ asSeenOn, template }) => (
12
12
  singleList
13
13
  lists={asSeenOn}
14
14
  gtmClass="mobile-menu-gtm logo-cta"
15
- disableLazyLoad
16
15
  />
17
16
  </div>
18
17
  );
@@ -38,8 +38,8 @@ const FooterLicense = ({
38
38
  {socialIcons && (
39
39
  <div className={styles.socialIcons}>
40
40
  <LinkList
41
- width="16"
42
- height="16"
41
+ width="14"
42
+ height="14"
43
43
  singleList
44
44
  imageOnly
45
45
  lists={socialIcons}
@@ -65,16 +65,13 @@
65
65
  }
66
66
 
67
67
  li {
68
- padding: 1.2rem;
69
- background-color: var(--footer-socials-background-color, var(--color-49));
70
- border-radius: 2rem;
71
68
  margin: 0 0.8rem 0.8rem 0;
72
69
 
73
70
  a {
74
71
  color: var(--footer-text-color, var(--color-4));
75
72
  display: flex;
76
- width: 16px;
77
- height: 16px;
73
+ width: 40px;
74
+ height: 40px;
78
75
 
79
76
  &:hover {
80
77
  color: var(--footer-text-color, var(--color-21));
@@ -83,6 +80,11 @@
83
80
  svg {
84
81
  font-size: 1.2rem;
85
82
  }
83
+
84
+ img {
85
+ width: 40px;
86
+ height: 40px;
87
+ }
86
88
  }
87
89
  }
88
90
  }
@@ -30,6 +30,7 @@ const TemplateOne = ({
30
30
  src="https://cdn.irishluck.ie/5d29ae7f19cc9366a119f3ca168395d7.png"
31
31
  width="100"
32
32
  height="33"
33
+ loading="lazy"
33
34
  alt="DMCA.com Protection Status"
34
35
  />
35
36
  );
@@ -90,7 +91,8 @@ const TemplateOne = ({
90
91
  singleList
91
92
  lists={footerLogos}
92
93
  gtmClass="mobile-menu-gtm logo-cta"
93
- disableLazyLoad
94
+ width={130}
95
+ height={140}
94
96
  />
95
97
  )}
96
98
  {hasDisclaimer && <Disclaimer image={dmcaImg} />}
@@ -30,6 +30,7 @@ const TemplateThree = ({
30
30
  src="https://cdn.irishluck.ie/5d29ae7f19cc9366a119f3ca168395d7.png"
31
31
  width="100"
32
32
  height="33"
33
+ loading="lazy"
33
34
  alt="DMCA.com Protection Status"
34
35
  />
35
36
  );
@@ -88,6 +89,8 @@ const TemplateThree = ({
88
89
  singleList
89
90
  lists={footerLogos}
90
91
  gtmClass="mobile-menu-gtm logo-cta"
92
+ width={130}
93
+ height={140}
91
94
  />
92
95
  )}
93
96
  {hasDisclaimer && <Disclaimer image={dmcaImg} />}
@@ -29,6 +29,7 @@ const TemplateTwo = ({
29
29
  src="https://cdn.irishluck.ie/5d29ae7f19cc9366a119f3ca168395d7.png"
30
30
  width="100"
31
31
  height="33"
32
+ loading="lazy"
32
33
  alt="DMCA.com Protection Status"
33
34
  />
34
35
  );
@@ -90,6 +91,8 @@ const TemplateTwo = ({
90
91
  singleList
91
92
  lists={footerLogos}
92
93
  gtmClass="mobile-menu-gtm logo-cta"
94
+ width={130}
95
+ height={140}
93
96
  />
94
97
  )}
95
98
  {hasDisclaimer && <Disclaimer image={dmcaImg} />}
@@ -20,15 +20,21 @@
20
20
 
21
21
  .image {
22
22
  border-radius: 1.6rem;
23
+ height: 343px;
24
+ object-fit: cover;
23
25
 
24
26
  @include min(tablet) {
25
27
  max-width: 50%;
28
+ height: auto;
29
+ object-fit: none;
26
30
  }
27
31
 
28
32
  @include min(laptop) {
29
33
  min-width: 35.6rem;
30
34
  max-width: 35.6rem;
31
35
  }
36
+
37
+
32
38
  }
33
39
 
34
40
  .headerContainer {
@@ -0,0 +1,69 @@
1
+ import React from 'react';
2
+ import { render, cleanup, waitFor } from '@testing-library/react';
3
+ import '@testing-library/jest-dom/extend-expect';
4
+ import '~tests/helpers/match-media.mock';
5
+ import Footer from '.';
6
+ import getFooterData from '../../../../../tests/factories/modules/footer.factory';
7
+
8
+ describe('header component', () => {
9
+ test('render', async () => {
10
+ const { container } = render(
11
+ <Footer
12
+ section={getFooterData()}
13
+ template="homepage"
14
+ hasFooterLinks={false}
15
+ footerTemplate="template_one"
16
+ />
17
+ );
18
+
19
+ await waitFor(() => {
20
+ expect(container.querySelectorAll('footer')).toHaveLength(1);
21
+ });
22
+ });
23
+ test('Template Two', async () => {
24
+ const { container } = render(
25
+ <Footer
26
+ section={getFooterData()}
27
+ template="homepage"
28
+ hasFooterLinks={false}
29
+ footerTemplate="template_two"
30
+ />
31
+ );
32
+
33
+ await waitFor(() => {
34
+ expect(container.querySelectorAll('.footer.templateOne')).toHaveLength(0);
35
+ expect(container.querySelectorAll('.footer.templateTwo')).toHaveLength(1);
36
+ expect(container.querySelectorAll('.footer.templateThree')).toHaveLength(0);
37
+ });
38
+ });
39
+ test('Template Three', async () => {
40
+ const { container } = render(
41
+ <Footer
42
+ section={getFooterData()}
43
+ template="homepage"
44
+ hasFooterLinks={false}
45
+ footerTemplate="template_three"
46
+ />
47
+ );
48
+
49
+ await waitFor(() => {
50
+ expect(container.querySelectorAll('.footer.templateOne')).toHaveLength(0);
51
+ expect(container.querySelectorAll('.footer.templateTwo')).toHaveLength(0);
52
+ expect(container.querySelectorAll('.footer.templateThree')).toHaveLength(1);
53
+ });
54
+ });
55
+ test('Default Template', async () => {
56
+ const { container } = render(
57
+ <Footer section={getFooterData()} template="homepage" hasFooterLinks={false} />
58
+ );
59
+
60
+ await waitFor(() => {
61
+ expect(container.querySelectorAll('.footer.templateOne')).toHaveLength(1);
62
+ expect(container.querySelectorAll('.footer.templateTwo')).toHaveLength(0);
63
+ expect(container.querySelectorAll('.footer.templateThree')).toHaveLength(0);
64
+ });
65
+ });
66
+ });
67
+ afterEach(() => {
68
+ cleanup();
69
+ });
@@ -19,7 +19,7 @@ export const relationContent = (section, numOfStarsRating) => {
19
19
  template: section?.page?.page_styles?.short_name,
20
20
  pageTemplate: section?.page?.template,
21
21
  sections: section?.page?.sections,
22
- name: section?.page?.relation?.name,
22
+ name: section?.page?.title || section?.page?.relation?.name,
23
23
  ribbons: section?.page?.relation?.ribbons || [],
24
24
  image:
25
25
  section?.page?.relation?.standardised_logo_filename_object ||
@@ -72,7 +72,7 @@ export const relationContent = (section, numOfStarsRating) => {
72
72
  template: section?.page?.page_styles?.short_name,
73
73
  pageTemplate: section?.page?.template,
74
74
  relation: section?.page?.relation || {},
75
- name: section.page.title || section?.page?.relation?.name,
75
+ name: section?.page?.title || section?.page?.relation?.name,
76
76
  ribbons: section?.page?.relation?.ribbons || [],
77
77
  image:
78
78
  section?.page?.relation?.standardised_logo_url_object ||
@@ -36,7 +36,6 @@
36
36
 
37
37
  --footer-background-color: var(--secondary-text-color);
38
38
  --footer-text-color: var(--color-50);
39
- --footer-socials-background-color: var(--color-49);
40
39
  --footer-security-background-color: #9defb4;
41
40
  --footer-security-text-color: var(--color-49);
42
41
  --footer-links-heading-color: var(--color-49);
@@ -1 +1 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" width="16" height="20" fill="none" xmlns:v="https://vecta.io/nano"><path d="M15.63 1.65a1 1 0 0 0-.84-.2A8 8 0 0 1 8.57.18a1 1 0 0 0-1.14 0 8 8 0 0 1-6.22 1.27 1 1 0 0 0-.84.2 1 1 0 0 0-.274.348A1 1 0 0 0 0 2.43v7.45a9 9 0 0 0 3.77 7.33l3.65 2.6a1 1 0 0 0 1.16 0l3.65-2.6A9 9 0 0 0 16 9.88V2.43a1 1 0 0 0-.37-.78zM14 9.88a7 7 0 0 1-2.93 5.7L8 17.77l-3.07-2.2A7 7 0 0 1 2 9.88v-6.3a10 10 0 0 0 6-1.39 10 10 0 0 0 6 1.39v6.3zM9.54 7.6l-2.7 2.7-.9-.9c-.188-.188-.444-.294-.7-.294s-.522.106-.7.294-.294.444-.294.7.106.522.294.7l1.6 1.6a1 1 0 0 0 .71.296 1 1 0 0 0 .71-.296L11 9c.188-.188.294-.444.294-.7s-.106-.522-.294-.7-.444-.294-.7-.294-.522.106-.7.294l-.04.01z" fill="url(#A)"/><defs><linearGradient id="A" x1="15.945" y1="3.36" x2="2.181" y2="3.36" gradientUnits="userSpaceOnUse"><stop stop-color="#17d6cc"/><stop offset="1" stop-color="#17d68a"/></linearGradient></defs></svg>
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="16" height="20" fill="none" xmlns:v="https://vecta.io/nano"><path d="M15.63 1.65a1 1 0 0 0-.84-.2A8 8 0 0 1 8.57.18a1 1 0 0 0-1.14 0 8 8 0 0 1-6.22 1.27 1 1 0 0 0-.84.2 1 1 0 0 0-.274.348A1 1 0 0 0 0 2.43v7.45a9 9 0 0 0 3.77 7.33l3.65 2.6a1 1 0 0 0 1.16 0l3.65-2.6A9 9 0 0 0 16 9.88V2.43a1 1 0 0 0-.37-.78zM14 9.88a7 7 0 0 1-2.93 5.7L8 17.77l-3.07-2.2A7 7 0 0 1 2 9.88v-6.3a10 10 0 0 0 6-1.39 10 10 0 0 0 6 1.39v6.3zM9.54 7.6l-2.7 2.7-.9-.9c-.188-.188-.444-.294-.7-.294s-.522.106-.7.294-.294.444-.294.7.106.522.294.7l1.6 1.6a1 1 0 0 0 .71.296 1 1 0 0 0 .71-.296L11 9c.188-.188.294-.444.294-.7s-.106-.522-.294-.7-.444-.294-.7-.294-.522.106-.7.294l-.04.01z" fill="#1C1A28"/><defs><linearGradient id="A" x1="15.945" y1="3.36" x2="2.181" y2="3.36" gradientUnits="userSpaceOnUse"><stop stop-color="#17d6cc"/><stop offset="1" stop-color="#17d68a"/></linearGradient></defs></svg>
@@ -1 +1 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" width="16" height="20" fill="none" xmlns:v="https://vecta.io/nano"><path d="M15.63 1.65a1 1 0 0 0-.84-.2A8 8 0 0 1 8.57.18a1 1 0 0 0-1.14 0 8 8 0 0 1-6.22 1.27 1 1 0 0 0-.84.2 1 1 0 0 0-.274.348A1 1 0 0 0 0 2.43v7.45a9 9 0 0 0 3.77 7.33l3.65 2.6a1 1 0 0 0 1.16 0l3.65-2.6A9 9 0 0 0 16 9.88V2.43a1 1 0 0 0-.37-.78zM14 9.88a7 7 0 0 1-2.93 5.7L8 17.77l-3.07-2.2A7 7 0 0 1 2 9.88v-6.3a10 10 0 0 0 6-1.39 10 10 0 0 0 6 1.39v6.3zM9.54 7.6l-2.7 2.7-.9-.9c-.188-.188-.444-.294-.7-.294s-.522.106-.7.294-.294.444-.294.7.106.522.294.7l1.6 1.6a1 1 0 0 0 .71.296 1 1 0 0 0 .71-.296L11 9c.188-.188.294-.444.294-.7s-.106-.522-.294-.7-.444-.294-.7-.294-.522.106-.7.294l-.04.01z" fill="url(#A)"/><defs><linearGradient id="A" x1="15.945" y1="3.36" x2="2.181" y2="3.36" gradientUnits="userSpaceOnUse"><stop stop-color="#17d6cc"/><stop offset="1" stop-color="#17d68a"/></linearGradient></defs></svg>
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="16" height="20" fill="none" xmlns:v="https://vecta.io/nano"><path d="M15.63 1.65a1 1 0 0 0-.84-.2A8 8 0 0 1 8.57.18a1 1 0 0 0-1.14 0 8 8 0 0 1-6.22 1.27 1 1 0 0 0-.84.2 1 1 0 0 0-.274.348A1 1 0 0 0 0 2.43v7.45a9 9 0 0 0 3.77 7.33l3.65 2.6a1 1 0 0 0 1.16 0l3.65-2.6A9 9 0 0 0 16 9.88V2.43a1 1 0 0 0-.37-.78zM14 9.88a7 7 0 0 1-2.93 5.7L8 17.77l-3.07-2.2A7 7 0 0 1 2 9.88v-6.3a10 10 0 0 0 6-1.39 10 10 0 0 0 6 1.39v6.3zM9.54 7.6l-2.7 2.7-.9-.9c-.188-.188-.444-.294-.7-.294s-.522.106-.7.294-.294.444-.294.7.106.522.294.7l1.6 1.6a1 1 0 0 0 .71.296 1 1 0 0 0 .71-.296L11 9c.188-.188.294-.444.294-.7s-.106-.522-.294-.7-.444-.294-.7-.294-.522.106-.7.294l-.04.01z" fill="#1C1A28"/><defs><linearGradient id="A" x1="15.945" y1="3.36" x2="2.181" y2="3.36" gradientUnits="userSpaceOnUse"><stop stop-color="#17d6cc"/><stop offset="1" stop-color="#17d68a"/></linearGradient></defs></svg>
@@ -21,14 +21,14 @@ export default function getFooterData() {
21
21
  nofollow: true,
22
22
  open_in_new_tab: true,
23
23
  value: 'https://www.facebook.com/Irishluckie-249047260326929',
24
- image: '1677579530/facebook.png',
24
+ image: '1678456571/fb.png',
25
25
  image_object: {
26
26
  width: '14',
27
27
  height: '14',
28
- url: 'https://assets-srv.s3.eu-west-1.amazonaws.com/1654610909/facebook-icon.png',
28
+ url: 'https://assets-srv.s3.eu-west-1.amazonaws.com/1678456571/fb.png',
29
29
  title: 'Facebook icon',
30
30
  alt: 'Facebook Icon',
31
- filename: '1654610909/facebook-icon.png',
31
+ filename: '1678456571/fb.png',
32
32
  },
33
33
  },
34
34
  {
@@ -38,14 +38,14 @@ export default function getFooterData() {
38
38
  nofollow: true,
39
39
  open_in_new_tab: true,
40
40
  value: 'https://www.instagram.com/irish.luckie/',
41
- image: '1677579603/instagram.png',
41
+ image: '1678456603/instagram.png',
42
42
  image_object: {
43
43
  width: '14',
44
44
  height: '14',
45
- url: 'https://assets-srv.s3.eu-west-1.amazonaws.com/1654610935/instagram-icon.png',
45
+ url: 'https://assets-srv.s3.eu-west-1.amazonaws.com/1678456603/instagram.png',
46
46
  title: 'Instagram icon',
47
47
  alt: 'Instagram Icon',
48
- filename: '1654610935/instagram-icon.png',
48
+ filename: '1678456603/instagram.png',
49
49
  },
50
50
  },
51
51
  {
@@ -55,14 +55,14 @@ export default function getFooterData() {
55
55
  nofollow: true,
56
56
  open_in_new_tab: true,
57
57
  value: 'https://www.linkedin.com/company/irishluckie/',
58
- image: '1677579620/linkedin.png',
58
+ image: '1678456612/linkedin.png',
59
59
  image_object: {
60
60
  width: '64',
61
61
  height: '64',
62
- url: 'https://assets-srv.s3.eu-west-1.amazonaws.com/linkedin-8.png',
62
+ url: 'https://assets-srv.s3.eu-west-1.amazonaws.com/1678456612/linkedin.png',
63
63
  title: 'linkedin-8',
64
64
  alt: '',
65
- filename: 'linkedin-8.png',
65
+ filename: '1678456612/linkedin.png',
66
66
  },
67
67
  },
68
68
  {
@@ -72,14 +72,14 @@ export default function getFooterData() {
72
72
  nofollow: true,
73
73
  open_in_new_tab: true,
74
74
  value: 'https://twitter.com/irishluckie_',
75
- image: '1677579640/twitter.png',
75
+ image: '1678456620/twitter.png',
76
76
  image_object: {
77
77
  width: '14',
78
78
  height: '12',
79
- url: 'https://assets-srv.s3.eu-west-1.amazonaws.com/1654610967/twitter-icon.png',
79
+ url: 'https://assets-srv.s3.eu-west-1.amazonaws.com/1678456620/twitter.png',
80
80
  title: 'Twitter icon',
81
81
  alt: 'Twitter Icon',
82
- filename: '1654610967/twitter-icon.png',
82
+ filename: '1678456620/twitter.png',
83
83
  },
84
84
  },
85
85
  {
@@ -89,31 +89,14 @@ export default function getFooterData() {
89
89
  nofollow: true,
90
90
  open_in_new_tab: true,
91
91
  value: 'https://www.youtube.com/channel/UCflMeLNG4C38rOJn-JB9qKQ',
92
- image: '1677579656/youtube.png',
92
+ image: '1678456629/youtube.png',
93
93
  image_object: {
94
94
  width: '512',
95
95
  height: '512',
96
- url: 'https://assets-srv.s3.eu-west-1.amazonaws.com/1654611032/youtube-icon.png',
96
+ url: 'https://assets-srv.s3.eu-west-1.amazonaws.com/1678456629/youtube.png',
97
97
  title: 'Youtube icon',
98
98
  alt: 'Youtube Icon',
99
- filename: '1654611032/youtube-icon.png',
100
- },
101
- },
102
- {
103
- id: 5493,
104
- page_id: null,
105
- title: 'pinterest',
106
- nofollow: true,
107
- open_in_new_tab: true,
108
- value: 'https://www.pinterest.com/irish_luck/',
109
- image: '1654611011/pinterest-icon.png',
110
- image_object: {
111
- width: '256',
112
- height: '256',
113
- url: 'https://assets-srv.s3.eu-west-1.amazonaws.com/1654611011/pinterest-icon.png',
114
- title: 'Pinterest icon',
115
- alt: 'Pinterest Icon',
116
- filename: '1654611011/pinterest-icon.png',
99
+ filename: '1678456629/youtube.png',
117
100
  },
118
101
  },
119
102
  ],