when-am-i / files / src / components / Attribution.tsx

Attribution.tsx

1	import React from 'react';
2	import { REPO_URL, reportMailtoHref, type ReportContext } from '../utils/report';
3
4	const Attribution: React.FC<{ reportContext?: ReportContext }> = ({ reportContext }) => (
5	<footer style={{ marginTop: 32, color: '#555' }}>
6	<p style={{ display: 'flex', gap: 16, flexWrap: 'wrap', fontSize: '0.95em' }}>
7	<a href={`${REPO_URL}/`} target="_blank" rel="noopener noreferrer">Source code</a>
8	<a href={reportMailtoHref(undefined, reportContext)}>Report an issue</a>
9	</p>
10	<p
11	style={{
12	marginTop: 16,
13	paddingTop: 12,
14	borderTop: '1px solid #e3e5e8',
15	fontSize: '0.8em',
16	color: '#888',
17	}}
18	>
19	Calendar icon by{' '}
20	<a
21	href="https://www.flaticon.com/free-icons/calendar"
22	title="calendar icons"
23	style={{ color: '#888' }}
24	>
25	Icongeek26 — Flaticon
26	</a>
27	{'. '}
28	City data from{' '}
29	<a href="https://www.geonames.org/" style={{ color: '#888' }}>
30	GeoNames
31	</a>{' '}
32	(CC BY 4.0).
33	</p>
34	</footer>
35	);
36
37	export { Attribution };