tietokonepaja/lootakalenteri-frontend
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

CSS tweaks

Browse Source
This commit is contained in:
Veikko Lintujärvi
2025-06-29 18:38:13 +03:00
parent 23b4a20e2b
commit 57db52cd5d
3 changed files with 29 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
app/components/Calendar.tsx
View File

@@ -139,7 +139,10 @@ export default function Calendar() {
className={styles.latestBoxDeliveredBtn}
onClick={handleLatestBoxClick}
>
Kuittaa viimeisin laatikko haetuksi
Kuittaa {new Date(latestBox.delivery_date).toLocaleDateString("fi-FI", {
day: "2-digit",
month: "2-digit",
})} laatikko haetuksi
</button>;
default:
return <span className={styles.latestBoxStatus}>Virhe</span>;
@@ -224,16 +227,16 @@ export default function Calendar() {
<Modal
open={showLatestBoxModal}
onClose={() => setShowLatestBoxModal(false)}
className={styles.latestBoxModal}
className={styles.boxModal}
>
<div className={styles.latestBoxModalContent}>
<div className={styles.boxModalContent}>
<h2>Viimeisin laatikko</h2>
<p>Oletko varma, että haluat kuitata viimeisimmän laatikon ({new Date(latestBox.delivery_date).toLocaleDateString("fi-FI", {
day: "2-digit",
month: "2-digit",
})}) haetuksi?</p>
<button
className={styles.latestBoxConfirmButton}
className={styles.boxModalConfirmButton}
onClick={() => {
markLatestBoxPickedUp();
setShowLatestBoxModal(false);
@@ -242,7 +245,7 @@ export default function Calendar() {
Kyllä
</button>
<button
className={styles.latestBoxCancelButton}
className={styles.boxModalCancelButton}
onClick={() => setShowLatestBoxModal(false)}
>
Peruuta
@@ -252,9 +255,9 @@ export default function Calendar() {
<Modal
open={showClickedBoxModal}
onClose={() => setShowClickedBoxModal(false)}
className={styles.latestBoxModal}
className={styles.boxModal}
>
<div className={styles.latestBoxModalContent}>
<div className={styles.boxModalContent}>
<h2>Satolaatikko {" "}
{new Date(clickedBox.delivery_date).toLocaleDateString("fi-FI", {
day: "2-digit",
@@ -267,7 +270,7 @@ export default function Calendar() {
month: "2-digit",
})} päivän laatikon {clickedBox.pickup_date ? "haun" : "haetuksi"}?</p>
<button
className={styles.latestBoxConfirmButton}
className={styles.boxModalConfirmButton}
onClick={() => {
changeClickedBoxStatus();
setShowClickedBoxModal(false);
@@ -276,7 +279,7 @@ export default function Calendar() {
Kyllä
</button>
<button
className={styles.latestBoxCancelButton}
className={styles.boxModalCancelButton}
onClick={() => setShowClickedBoxModal(false)}
>
Peruuta