m/umami
1
0
Fork 0
mirror of https://github.com/kremalicious/umami.git synced 2025-02-14 21:10:34 +01:00
Code Issues Packages Projects Releases Wiki Activity

Updated weekly session labels.

Browse Source
This commit is contained in:
Mike Cao 2024-08-17 21:32:42 -07:00
parent ffa954ee02
commit 7add059f43
2 changed files with 6 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/app/(main)/websites/[websiteId]/sessions/SessionsWeekly.module.css
View File

@ -20,16 +20,16 @@
.cell {
display: flex;
align-items: center;
justify-content: center;
background-color: var(--base100);
width: 20px;
height: 20px;
margin: auto;
}
.hour {
font-weight: 700;
color: var(--font-color300);
background-color: transparent;
height: 20px;
}
.block {

7
src/app/(main)/websites/[websiteId]/sessions/SessionsWeekly.tsx
View File

@ -1,4 +1,4 @@
import { format } from 'date-fns';
import { format, startOfDay, addHours } from 'date-fns';
import { useLocale, useMessages, useWebsiteSessionsWeekly } from 'components/hooks';
import { LoadingPanel } from 'components/common/LoadingPanel';
import { getDayOfWeekAsDate } from 'lib/date';
@ -40,9 +40,10 @@ export function SessionsWeekly({ websiteId }: { websiteId: string }) {
{Array(24)
.fill(null)
.map((_, i) => {
const label = format(addHours(startOfDay(new Date()), i), 'haaa');
return (
<div key={i} className={classNames(styles.cell, styles.hour)}>
{i.toString().padStart(2, '0')}
<div key={i} className={styles.hour}>
{label}
</div>
);
})}