diff --git a/frontend/index.html b/frontend/index.html index fcb5097..4d7fc99 100644 --- a/frontend/index.html +++ b/frontend/index.html @@ -8,7 +8,6 @@ type="image/svg+xml" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cdefs%3E%3ClinearGradient id='featherFill' x1='0%25' y1='0%25' x2='100%25' y2='100%25'%3E%3Cstop offset='0%25' stop-color='%23cb3a35'/%3E%3Cstop offset='30%25' stop-color='%23f0b63f'/%3E%3Cstop offset='58%25' stop-color='%23238a5a'/%3E%3Cstop offset='100%25' stop-color='%232769b3'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M50.8 10.4C37.9 10.3 27 18.5 22.7 31.1c-3.1 9.1-2.1 18.5-8.6 24.8c-1.5 1.5-0.2 4 1.9 3.6c8.4-1.5 14.6-6.7 18.6-13.7c1 0.5 2.2 0.8 3.4 0.8c3.5 0 6.5-2.3 7.5-5.4c1.9-0.4 3.7-1.3 5.1-2.7c2-2 3-4.6 3.1-7.2c3.3-5.8 4.9-12.9 1.4-20.2c-0.7-1.3-2-0.7-4.3-0.7Z' fill='url(%23featherFill)'/%3E%3Cpath d='M18 56c8.5-3.4 14.2-9.8 18.1-17.8M26.9 48.9c6.9-7.2 13.5-14.8 20.3-22.1M31.8 41.2c6.4-1.3 12.1-4.6 16.5-9.4M36.8 33.8c4.9-0.9 9.2-3.4 12.6-7.1' fill='none' stroke='%23fff8ef' stroke-linecap='round' stroke-width='2.6'/%3E%3Cpath d='M18 56c8.5-3.4 14.2-9.8 18.1-17.8' fill='none' stroke='%2363562d' stroke-linecap='round' stroke-width='2.2'/%3E%3C/svg%3E" /> - FlockPal diff --git a/frontend/public/fonts/material-symbols-outlined-timeline.ttf b/frontend/public/fonts/material-symbols-outlined-timeline.ttf new file mode 100644 index 0000000..12a0815 Binary files /dev/null and b/frontend/public/fonts/material-symbols-outlined-timeline.ttf differ diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx index c208b90..3b48872 100644 --- a/frontend/src/App.tsx +++ b/frontend/src/App.tsx @@ -1290,24 +1290,19 @@ const getBirdTimelineGraphLabel = (event: BirdTimelineEvent) => { return event.locationLabel || 'Added to flock'; }; -const getBirdTimelineGraphIcon = (item: BirdTimelineGraphItem) => { - if (item.eventType === 'hatch_date') { - return 'egg'; - } +const renderBirdTimelineGraphIcon = (item: BirdTimelineGraphItem) => { + const iconName = + item.eventType === 'hatch_date' + ? 'egg' + : item.eventType === 'owner_changed' + ? 'move_location' + : item.eventType === 'manual_note' + ? 'sticky_note_2' + : item.eventType === 'profile_created' + ? 'map' + : 'move'; - if (item.eventType === 'owner_changed') { - return 'manage_accounts'; - } - - if (item.eventType === 'transferred') { - return 'move'; - } - - if (item.eventType === 'manual_note') { - return 'sticky_note_2'; - } - - return 'map'; + return ; }; const compactTimelineLocationPartMap: Record = { @@ -7513,9 +7508,7 @@ function App() { aria-label="Timeline" title="Timeline" > - +