show also weekday in DateApp

Author: coding-lemur

src/apps/date/index.ts

@@ -1,6 +1,7 @@
 import dayjs from 'dayjs';
 
 import { App } from '../app';
+import { TimeApp } from '../time';
 import { SmartDisplayController } from '../../smart-display-controller';
 
 export class DateApp implements App {
@@ -21,14 +22,20 @@ export class DateApp implements App {
     }
 
     render(): void {
+        this.renderDate();
+
+        TimeApp.renderWeekday(this.controller);
+
+        this._wasRendered = true;
+    }
+
+    private renderDate(): void {
         const date = dayjs().format('DD.MM.');
 
         this.controller.drawText({
             hexColor: '#00C8C8',
             text: date,
             position: { x: 7, y: 1 },
         });
-
-        this._wasRendered = true;
     }
 }

src/apps/time/index.ts

@@ -16,7 +16,8 @@ export class TimeApp implements App {
 
     render(): void {
         this.renderTime();
-        this.renderWeekday();
+
+        TimeApp.renderWeekday(this.controller);
 
         // toggle colon
         this.showColon = !this.showColon;
@@ -29,19 +30,19 @@ export class TimeApp implements App {
         this.controller.drawText({
             hexColor: '#00C8C8',
             text: time,
-            position: { x: 7, y: 1 }
+            position: { x: 7, y: 1 },
         });
     }
 
-    private renderWeekday(): void {
+    static renderWeekday(controller: SmartDisplayController): void {
         const currentWeekday = dayjs().weekday();
         const getXPositionByWeekDay = (weekday: number) => weekday * 4 + 2;
 
         for (let weekday = 0; weekday < 7; weekday++) {
             const xPosition = getXPositionByWeekDay(weekday);
             const color = weekday === currentWeekday ? '#00C8C8' : '#A0A0A0';
 
-            this.controller.drawLine(
+            controller.drawLine(
                 { x: xPosition, y: 7 },
                 { x: xPosition + 2, y: 7 },
                 color