when-am-i / files / src / components / Attribution.tsx
Attribution.tsx
30b4cdad 2026-03-20 Pavel Safronov | 1 | import React from 'react'; |
34c4dd59 2026-06-18 Pavel Safronov | 2 | import { REPO_URL, reportMailtoHref, type ReportContext } from '../utils/report'; |
30b4cdad 2026-03-20 Pavel Safronov | 3 | |
34c4dd59 2026-06-18 Pavel Safronov | 4 | const Attribution: React.FC<{ reportContext?: ReportContext }> = ({ reportContext }) => ( |
591c2373 2026-06-17 Pavel Safronov | 5 | <footer style={{ marginTop: 32, color: '#555' }}> |
| 6 | <p style={{ display: 'flex', gap: 16, flexWrap: 'wrap', fontSize: '0.95em' }}> | |
c2d75cfd 2026-10-27 Pavel Safronov | 7 | <a href={`${REPO_URL}/`} target="_blank" rel="noopener noreferrer">Source code</a> |
34c4dd59 2026-06-18 Pavel Safronov | 8 | <a href={reportMailtoHref(undefined, reportContext)}>Report an issue</a> |
e6fe2bc7 2026-06-17 Pavel Safronov | 9 | </p> |
591c2373 2026-06-17 Pavel Safronov | 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> | |
998b11ce 2026-06-21 Pavel Safronov | 27 | {'. '} |
| 28 | City data from{' '} | |
| 29 | <a href="https://www.geonames.org/" style={{ color: '#888' }}> | |
| 30 | GeoNames | |
| 31 | </a>{' '} | |
| 32 | (CC BY 4.0). | |
30b4cdad 2026-03-20 Pavel Safronov | 33 | </p> |
| 34 | </footer> | |
| 35 | ); | |
| 36 | ||
faf0b564 2026-03-20 Pavel Safronov | 37 | export { Attribution }; |