Start of week according to locale in SessionsWeekly
This commit is contained in:
@@ -10,6 +10,10 @@ export function SessionsWeekly({ websiteId }: { websiteId: string }) {
|
|||||||
const { data, ...props } = useWebsiteSessionsWeekly(websiteId);
|
const { data, ...props } = useWebsiteSessionsWeekly(websiteId);
|
||||||
const { dateLocale } = useLocale();
|
const { dateLocale } = useLocale();
|
||||||
const { labels, formatMessage } = useMessages();
|
const { labels, formatMessage } = useMessages();
|
||||||
|
const { weekStartsOn } = dateLocale.options;
|
||||||
|
const daysOfWeek = Array(7)
|
||||||
|
.fill(weekStartsOn)
|
||||||
|
.map((d, i) => (d + i) % 7);
|
||||||
|
|
||||||
const [, max] = data
|
const [, max] = data
|
||||||
? data.reduce((arr: number[], hours: number[], index: number) => {
|
? data.reduce((arr: number[], hours: number[], index: number) => {
|
||||||
@@ -50,7 +54,9 @@ export function SessionsWeekly({ websiteId }: { websiteId: string }) {
|
|||||||
);
|
);
|
||||||
})}
|
})}
|
||||||
</div>
|
</div>
|
||||||
{data?.map((day: number[], index: number) => {
|
{data &&
|
||||||
|
daysOfWeek.map((index: number) => {
|
||||||
|
const day = data[index];
|
||||||
return (
|
return (
|
||||||
<div key={index} className={styles.day}>
|
<div key={index} className={styles.day}>
|
||||||
<div className={styles.header}>
|
<div className={styles.header}>
|
||||||
|
|||||||
Reference in New Issue
Block a user