import { Trans , useTranslation } from "react-i18next" ; import { ShareButtons } from "./ShareButtons" ; import { enqueueAnalyticsEvent } from "./utils/analytics" ; import { styled } from "styletron-react" ; const FooterMessage = styled ( "p" , { marginBottom : "0.5rem" , } ) ; export function Footer ( ) { const { t } = useTranslation ( "common" ) ; return ( < > < footer className = "footer-header" > < FooterMessage > { t ( "footer.message" ) } < /FooterMessage> < div className = { "social-container" } > < ShareButtons /> < /div> < br / > < p > < Trans i18nKey = "footer.addressFinderLinkCopy" t = { t } components = { [ < a href = "https://addressfinder.nz" > < /a>]}/ > < /p> < br / > < p > < a href = "https://airtable.com/shrxuw3vSp2yRPrG7" target = "_blank" rel = "noreferrer" > { t ( "footer.links.contactUs" ) } < /a>{" "} / { " " } < a href = "https://github.com/vaxxnz/vaxxnz/projects/2" target = "_blank" rel = "noreferrer" onClick = { ( ) => enqueueAnalyticsEvent ( "Roadmap clicked" ) } > { t ( "footer.links.roadmap" ) } < /a>{" "} / { " " } < a href = "https://github.com/vaxxnz/vaxxnz/blob/main/CONTRIBUTING.md" target = "_blank" rel = "noreferrer" > { t ( "navigation.getInvolved" ) } < /a> < br / > { " " } < a href = "https://github.com/vaxxnz/vaxxnzlocations" target = "_blank" rel = "noreferrer" onClick = { ( ) => enqueueAnalyticsEvent ( "Raw data clicked" ) } > { t ( "footer.links.rawData" ) } < /a>{" "} / { " " } < a href = "https://github.com/vaxxnz/vaxxnz" target = "_blank" rel = "noreferrer" onClick = { ( ) => enqueueAnalyticsEvent ( "Source code clicked" ) } > { t ( "footer.links.sourceCode" ) } < /a>{" "} / { " " } < a href = "https://twitter.com/vaxxnz" target = "_blank" rel = "noreferrer" onClick = { ( ) => enqueueAnalyticsEvent ( "Twitter Clicked" ) } > Twitter < /a>{" "} / { " " } < a href = "https://docs.vaxx.nz" onClick = { ( ) => enqueueAnalyticsEvent ( "Vaxx.nz Widget Clicked" ) } title = "Vaxx.nz Widget" > Vaxx . nz Widget < /a>{" "} < /p> < p > < a href = "/terms-and-conditions" onClick = { ( ) => { enqueueAnalyticsEvent ( "Terms and Conditions clicked" ) ; } } > Terms and Conditions < /a>{" "} / { " " } < a href = "/privacy-policy" onClick = { ( ) => { enqueueAnalyticsEvent ( "Privacy policy clicked" ) ; } } > Privacy Policy < /a>{" "} / { " " } < a href = "/cookie-policy" onClick = { ( ) => { enqueueAnalyticsEvent ( "Cookies policy clicked" ) ; } } > Cookies Policy < /a>{" "} / { " " } < a href = "/faq" onClick = { ( ) => { enqueueAnalyticsEvent ( "Frequently asked questions clicked" ) ; } } > FAQ < /a> < /p> < /footer> < />); }