diff --git a/src/components/ItemsPage.js b/src/components/ItemsPage.js index c29e62b29..0aebfa0c3 100644 --- a/src/components/ItemsPage.js +++ b/src/components/ItemsPage.js @@ -129,6 +129,7 @@ const ItemsPage = ({ selected={selectedLanguage} onChange={setSelectedLanguage} variant={variant} + instanceId="languages-filter" /> diff --git a/src/components/Select.js b/src/components/Select.js index c4d568c38..9c9a39be0 100644 --- a/src/components/Select.js +++ b/src/components/Select.js @@ -14,7 +14,8 @@ export const Select = ({ onChange, icon, className, - variant + variant, + instanceId }) => { const opts = useMemo(() => options.map(toOption), [options]); const handleOnChange = (o, action) => onChange(o ? o.value : o); @@ -38,6 +39,7 @@ export const Select = ({ options={opts} defaultValue={selected ? toOption(selected) : selected} onChange={handleOnChange} + instanceId={instanceId} />
diff --git a/src/components/TopBar.js b/src/components/TopBar.js index d63b58604..ef4b93bb0 100644 --- a/src/components/TopBar.js +++ b/src/components/TopBar.js @@ -1,4 +1,4 @@ -import React from 'react'; +import React, { useEffect, useState } from 'react'; import { Link } from 'gatsby'; import Menu from './Menu'; @@ -39,7 +39,18 @@ const longDate = (date) => { }; const TopBar = () => { - const today = new Date(); + const [date, setDate] = useState({ long: '', short: '' }); + + useEffect(() => { + // Runs client-side only, the date should not be captured at build time during SSG + + const today = new Date(); + setDate({ + long: longDate(today), + short: shortDate(today) + }); + }, []); + return (