Kalena Heatmap
Calendar HeatmapPreview
O se heatmap e pei o le GitHub-contributions e fa'aali le malosi o le fa'aaluga i aso ta'itasi. O sela ta'itasi e fa'aalia se aso e tasi, lanu e ala i le tele o le fa'aaluga.
Ituaiga Ata
| Meatotino | Tau |
|---|---|
| Faleaoga | Apache ECharts e ala i le BaseChart |
| Faiga fa'atusa | calendar |
| Ituaiga fa'asologa | heatmap i le faiga fa'atusa kalena |
| Faila alagaoa | src/components/panels/CalendarHeatmapPanel.tsx |
O Le A Le Mea E Fa'aali
O se fa'ailoga kalena tausaga-atoa (po o le tele-masina) lea o sela aso ta'itasi e fa'ailoga e ala i le aofa'i fa'aaluga. O aso fa'aaluga itiiti e pogisa (lanu ulutala panel), aso feololo e sui i le lanu lapatai (lanumoli), ma aso fa'aaluga maualuga e lanu mataʻutia (mumu).
Mea Autu
| Mea | Fa'amatalaga |
|---|---|
| Vaega lanu | Ulutala panel (itiiti) i le lapatai (feololo) i le mataʻutia (maualuga) |
| Fa'ailoga va'ai fa'afanua | Fa'agatā, fa'anofo i le pito i lalo o le ata |
| Vaiaso e amata i le Aso Gafua | firstDay: 1 |
| Fa'ailoga aso | S, M, T, W, T, F, S |
| Fa'ailoga masina | Igoa masina pu'upu'u; Ianuari e fa'aali le fa'ailoga tausaga (pe'i Jan '26) |
| Vaega aso otometi | E iloa mai fa'amaumauga muamua ma mulimuli |
Fa'amatalaga Va'ai
- Tapula'a sela: lanu o le panel, lautele 2px (e fai ai le avanoa i le va o sela)
- Laina vavae: lanu tapula'a panel, 1px
- Fa'ailoga tausaga: tusitusiga vaivai, mataitusi mono, 10px
- Fa'ailoga masina: tusitusiga lona lua, mataitusi mono, 10px
- Fa'ailoga aso: tusitusiga vaivai, mataitusi mono, 9px
- Mea va'ai fa'afanua: lautele 12px, maualuga 80px
- Fa'apaepae fa'amafanafana: ata fa'apogai 8px
Tooltip
E fa'aali le aso ma le aofa'i fa'aaluga i NZD. O aso e leai se fa'aaluga e fa'aali "Leai se fa'aaluga" e suitulaga i se aofa'i tala.
2026-01-15
$142.50Fa'afesoota'iga
- Fa'apaepae — fa'amafanafana ata i le sela aso fa'apaepae
- Fa'afanua va'ai — fa'ailoga gradient i le pito i lalo e fa'aali le fua lanu mai le pito i lalo i le pito i luga
Alagaoa Fa'amaumauga
| Teuina | Vaega |
|---|---|
mockDailySpending | Fa'amaumauga fa'ata'ita'i mai le src/mocks/personalData.ts |
useFinanceStore | Fa'ailoga isMockMode |
useChartTheme | bgPanelHeader, warning, danger mo le vaega lanu; lanu tapula'a ma tusitusiga |
O le fa'ailoga fa'amaumauga o se fa'asologa o [tusi_aso, aofa'i] tuples. O le vaega aso ma le tau sili e fa'atusa otometi mai fa'amaumauga.