@reuters-graphics/graphics-components 0.0.26 → 0.0.28
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.
|
@@ -3,11 +3,30 @@
|
|
|
3
3
|
import CompanyLinks from './CompanyLinks.svelte';
|
|
4
4
|
import LegalLinks from './LegalLinks.svelte';
|
|
5
5
|
import Referrals from './Referrals/index.svelte';
|
|
6
|
-
import
|
|
6
|
+
import starterData from './data.json';
|
|
7
|
+
import { onMount } from 'svelte';
|
|
7
8
|
/**
|
|
8
9
|
* Custom referrals to other Reuters Graphics projects
|
|
9
10
|
*/
|
|
10
11
|
export let referrals = [];
|
|
12
|
+
let data = starterData;
|
|
13
|
+
onMount(async () => {
|
|
14
|
+
try {
|
|
15
|
+
const response = await fetch('https://www.reuters.com/site-api/footer/?' +
|
|
16
|
+
new URLSearchParams({
|
|
17
|
+
_website: 'reuters',
|
|
18
|
+
outputType: 'json',
|
|
19
|
+
}));
|
|
20
|
+
const footerData = await response.json();
|
|
21
|
+
// Dumb verification...
|
|
22
|
+
if (!footerData[0].company_description)
|
|
23
|
+
return;
|
|
24
|
+
data = footerData;
|
|
25
|
+
}
|
|
26
|
+
catch {
|
|
27
|
+
console.warn('Unable to fetch site footer data');
|
|
28
|
+
}
|
|
29
|
+
});
|
|
11
30
|
</script>
|
|
12
31
|
|
|
13
32
|
<footer
|
|
@@ -1,14 +1,32 @@
|
|
|
1
1
|
<!-- @component `SiteHeader` [Read the docs.](https://reuters-graphics.github.io/graphics-components/?path=/docs/components-SiteHeader--default) -->
|
|
2
2
|
<script>import ReutersLogo from '../ReutersLogo/ReutersLogo.svelte';
|
|
3
3
|
import NavBar from './NavBar/index.svelte';
|
|
4
|
-
import
|
|
5
|
-
import { setContext } from 'svelte';
|
|
4
|
+
import starterData from './data.json';
|
|
5
|
+
import { onMount, setContext } from 'svelte';
|
|
6
6
|
import { writable } from 'svelte/store';
|
|
7
7
|
import MenuIcon from './svgs/Menu.svelte';
|
|
8
8
|
import MobileMenu from './MobileMenu/index.svelte';
|
|
9
9
|
setContext('nav-active-section', writable(null));
|
|
10
|
-
|
|
10
|
+
let data = starterData;
|
|
11
|
+
$: sections = data[0].sections;
|
|
11
12
|
let isMobileMenuOpen = false;
|
|
13
|
+
onMount(async () => {
|
|
14
|
+
try {
|
|
15
|
+
const response = await fetch('https://www.reuters.com/site-api/header/?' +
|
|
16
|
+
new URLSearchParams({
|
|
17
|
+
_website: 'reuters',
|
|
18
|
+
outputType: 'json',
|
|
19
|
+
}));
|
|
20
|
+
const headerData = await response.json();
|
|
21
|
+
// Dumb verification...
|
|
22
|
+
if (!headerData[0].sections)
|
|
23
|
+
return;
|
|
24
|
+
data = headerData;
|
|
25
|
+
}
|
|
26
|
+
catch {
|
|
27
|
+
console.warn('Unable to fetch site header data');
|
|
28
|
+
}
|
|
29
|
+
});
|
|
12
30
|
</script>
|
|
13
31
|
|
|
14
32
|
<header
|