xan.lol
forked from
atpota.to/flushes.app
The 1st decentralized social network for sharing when you're on the toilet. Post a "flush" today! Powered by the AT Protocol.
fix
+13
-6
+3
-4
src/app/profile/[handle]/page.tsx
+3
-4
src/app/profile/[handle]/page.tsx
···
263
263
});
264
264
265
265
const formatHour = (hour: number) => {
266
-
const period = hour >= 12 ? 'PM' : 'AM';
266
+
const period = hour >= 12 ? 'pm' : 'am';
267
267
const displayHour = hour === 0 ? 12 : hour > 12 ? hour - 12 : hour;
268
-
return `${displayHour}:00 ${period}`;
268
+
return `${displayHour}${period}`;
269
269
};
270
270
271
271
// Most active month
···
281
281
const formatMonth = (monthKey: string) => {
282
282
const [year, month] = monthKey.split('-');
283
283
const date = new Date(parseInt(year), parseInt(month) - 1);
284
-
return date.toLocaleDateString(undefined, { month: 'long', year: 'numeric' });
284
+
return date.toLocaleDateString(undefined, { month: 'short' });
285
285
};
286
286
287
287
// Most flushes in a single day
···
560
560
561
561
<div className={styles.wrappedCard}>
562
562
<div className={styles.wrappedEmoji}>{wrapped2025Data.topEmoji}</div>
563
-
<div className={styles.wrappedValue}>{wrapped2025Data.topEmojiCount}×</div>
564
563
<div className={styles.wrappedLabel}>Top Emoji</div>
565
564
</div>
566
565
+10
-2
src/app/profile/[handle]/profile.module.css
+10
-2
src/app/profile/[handle]/profile.module.css
···
579
579
text-align: center;
580
580
border: 1px solid var(--tile-border);
581
581
transition: all 0.2s;
582
+
display: flex;
583
+
flex-direction: column;
584
+
align-items: center;
585
+
justify-content: center;
586
+
min-height: 140px;
582
587
}
583
588
584
589
.wrappedCard:hover {
···
592
597
margin-bottom: 0.5rem;
593
598
line-height: 1.2;
594
599
word-wrap: break-word;
600
+
text-align: center;
595
601
}
596
602
597
603
.wrappedEmoji {
598
-
font-size: 2.5rem;
599
-
margin-bottom: 0.25rem;
604
+
font-size: 2rem;
605
+
margin-bottom: 0.5rem;
606
+
line-height: 1;
600
607
}
601
608
602
609
.wrappedLabel {
···
604
611
color: var(--text-color);
605
612
font-weight: 500;
606
613
line-height: 1.3;
614
+
text-align: center;
607
615
}
608
616
609
617
.shareWrappedButton {