Terminal window

src/components/Dashboard/Dashboard.tsx

@@ -2,6 +2,7 @@ import Flatastic from "@/components/Flatastic/Flatastic";
 import HomeAssistant from "@/components/HomeAssistant/HomeAssistant";
 import Timetable from "@/components/Timetable/Timetable";
 import Datetime from "@/components/Datetime/Datetime";
+import Terminal from "@/components/Terminal/Terminal";
 import Footer from "@/components/Footer/Footer";
 
 import style from "./style.module.css";
@@ -17,9 +18,9 @@ export default function Dashboard() {
                     </div>
                 </div>
 
-                <div className={style.uglyHack}>
+                <div className={style.clock}>
                     <div className={style.card}>
-                        <div className={style.cardHeader}>🕐 Clock</div>
+                        <div className={style.cardHeaderInactive}>🕐 Clock</div>
                         <Datetime />
                     </div>
                 </div>
@@ -32,13 +33,20 @@ export default function Dashboard() {
                 </div>
 
                 <div className={style.card}>
-                    <div className={style.cardHeaderInactive}>
-                        🏠 HomeAssistant [Tent]
-                    </div>
-                    <div className={style.cardContent}>
-                        <HomeAssistant />
+                    <div className={style.terminal}>
+                        <div className={style.cardHeader}>🔔 Terminal</div>
+                        <Terminal />
                     </div>
                 </div>
+
+                {/* <div className={style.card}> */}
+                {/*     <div className={style.cardHeaderInactive}> */}
+                {/*         🏠 HomeAssistant [Tent] */}
+                {/*     </div> */}
+                {/*     <div className={style.cardContent}> */}
+                {/*         <HomeAssistant /> */}
+                {/*     </div> */}
+                {/* </div> */}
             </div>
 
             <div className={style.footer}>

src/components/Dashboard/style.module.css

@@ -46,10 +46,13 @@
   font-weight: bold;
 }
 
-.footer {
-    background-color: #c0c0c0;
-}
-
-.uglyHack {
+.clock {
   width: 45%;
 }
+
+.terminal {
+}
+
+.footer {
+  background-color: #c0c0c0;
+}