diff --git a/src/__tests__/__snapshots__/App.test.tsx.snap b/src/__tests__/__snapshots__/App.test.tsx.snap index febe90548..541706d99 100644 --- a/src/__tests__/__snapshots__/App.test.tsx.snap +++ b/src/__tests__/__snapshots__/App.test.tsx.snap @@ -53,6 +53,26 @@ exports[`App CompareResults or CompareOverTime loader Should render an error pag > #perfcompare:mozilla.org on Matrix + . + View the docs at + + + PerfCompare documentation + + . + View the source code on + + + GitHub + . @@ -316,6 +336,26 @@ exports[`App CompareResults or CompareOverTime loader Should render an error pag > #perfcompare:mozilla.org on Matrix + . + View the docs at + + + PerfCompare documentation + + . + View the source code on + + + GitHub + . @@ -474,6 +514,26 @@ exports[`App CompareResults or CompareOverTime loader Should render an error pag > #perfcompare:mozilla.org on Matrix + . + View the docs at + + + PerfCompare documentation + + . + View the source code on + + + GitHub + . diff --git a/src/components/App.tsx b/src/components/App.tsx index e02ae29fc..02c78c4b9 100644 --- a/src/components/App.tsx +++ b/src/components/App.tsx @@ -45,6 +45,18 @@ const contact: InfoStrings = { href: Strings.components.contact.href, }; +const docs: InfoStrings = { + text: Strings.components.docs.text, + linkText: Strings.components.docs.linkText, + href: Strings.components.docs.href, +}; + +const source: InfoStrings = { + text: Strings.components.source.text, + linkText: Strings.components.source.linkText, + href: Strings.components.source.href, +}; + type DivProps = React.HTMLProps; const AlertContainer = React.forwardRef( @@ -178,6 +190,16 @@ function App() { {contact.linkText} + {'. '} + {docs.text}{' '} + + {docs.linkText} + + {'. '} + {source.text}{' '} + + {source.linkText} + . diff --git a/src/resources/Strings.tsx b/src/resources/Strings.tsx index 2ea3c7db5..4770a9a76 100644 --- a/src/resources/Strings.tsx +++ b/src/resources/Strings.tsx @@ -17,6 +17,16 @@ export const Strings = { linkText: '#perfcompare:mozilla.org on Matrix', href: 'https://matrix.to/#/#perfcompare:mozilla.org', }, + docs: { + text: 'View the docs at', + linkText: 'PerfCompare documentation', + href: 'https://firefox-source-docs.mozilla.org/testing/perfdocs/perfcompare.html', + }, + source: { + text: 'View the source code on', + linkText: 'GitHub', + href: 'https://github.com/mozilla/perfcompare', + }, header: { title: 'PerfCompare', tagline: