From 2c8a70f67e38b69308388ade348ad402ac09625c Mon Sep 17 00:00:00 2001
From: xaralis <filip.varecha@fragaria.cz>
Date: Sun, 20 Dec 2020 13:55:59 +0100
Subject: [PATCH] feat: list date on program page
---
src/pages/Home.jsx | 2 +-
src/pages/Program.jsx | 9 +++++++--
2 files changed, 8 insertions(+), 3 deletions(-)
diff --git a/src/pages/Home.jsx b/src/pages/Home.jsx
index 0e7c7a4..16a2f62 100644
--- a/src/pages/Home.jsx
+++ b/src/pages/Home.jsx
@@ -58,7 +58,7 @@ const Home = () => {
setShowEndProgramPoint,
onEndProgramPointConfirm,
onEndProgramPointCancel,
- ] = useActionConfirm(endProgramPoint);
+ ] = useActionConfirm(endProgramPoint, programEntry);
const onEditProgramConfirm = async (newTitle) => {
await renameProgramPoint.run({ programEntry, newTitle });
diff --git a/src/pages/Program.jsx b/src/pages/Program.jsx
index 93ab83c..19a2093 100644
--- a/src/pages/Program.jsx
+++ b/src/pages/Program.jsx
@@ -45,8 +45,13 @@ const Schedule = () => {
</Chip>
)}
</div>
- <div className="w-32 flex items-start head-heavy-xs md:head-heavy-base text-center">
- <span>{format(entry.expectedStartAt, "H:mm")}</span>
+ <div className="w-full md:w-32 flex flex-row md:flex-col items-center md:items-stretch md:text-right md:pr-8">
+ <p className="head-heavy-xs md:head-heavy-base">
+ {format(entry.expectedStartAt, "H:mm")}
+ </p>
+ <p className="ml-auto md:ml-0 head-heavy-xs md:head-heavy-xs md:text-grey-200">
+ {format(entry.expectedStartAt, "d.M.Y")}
+ </p>
</div>
<div className="flex-grow w-full">
<h2 className="head-heavy-xs md:head-heavy-base mb-1">
--
GitLab