tlačítka pro přepínání týdnu v diáři už neodskakují podle délky data …

…v titulku
rodlukas · Sep 16, 2018 · 371ce2f · 371ce2f
1 parent ed6ec11
commit 371ce2f
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 2 deletions.
diff --git a/frontend/src/pages/Diary.css b/frontend/src/pages/Diary.css
@@ -13,3 +13,8 @@
 .arrowBtn {
     cursor: pointer
 }
+
+.TitleDate {
+    width: 6ch; /* aby mely dny v tydennim prehledu vzdy stejnou sirku */
+    display: inline-block;
+}
diff --git a/frontend/src/pages/Diary.js b/frontend/src/pages/Diary.js
@@ -64,13 +64,20 @@ export default class Diary extends Component {
     }
 
     render() {
-        const title = "Týden " + prettyDateWithYearIfDiff(this.getRequiredMonday()) + " – " + prettyDateWithYearIfDiff(this.getFridayDate())
+        const TitleDate = ({date}) =>
+            <span className="TitleDate">
+                {prettyDateWithYearIfDiff(date)}
+            </span>
+        const Title = () =>
+            <Fragment>
+                {' '}Týden <TitleDate date={this.getRequiredMonday()}/> – <TitleDate date={this.getFridayDate()}/>{' '}
+            </Fragment>
         const HeadingContent = () =>
             <Fragment>
                 <Link to={this.getPrevMondaySerialized()}>
                     <FontAwesomeIcon icon={faArrowAltCircleLeft} className="arrowBtn text-muted"/>
                 </Link>
-                {" " + title + " "}
+                <Title/>
                 <Link to={this.getNextMondaySerialized()}>
                     <FontAwesomeIcon icon={faArrowAltCircleRight} className="arrowBtn text-muted"/>
                 </Link>