From 859bfadc9f60c7c246c280870e690c7a0d7093a6 Mon Sep 17 00:00:00 2001
From: madarsbiss <madars.biss@gmail.com>
Date: Tue, 20 Jul 2021 20:42:11 +0300
Subject: [PATCH] code cleanup

---
 pages/index.js     | 22 +++++++++++++++++-----
 styles/globals.css |  1 -
 2 files changed, 17 insertions(+), 6 deletions(-)

diff --git a/pages/index.js b/pages/index.js
index 0a0def7..8df89ec 100644
--- a/pages/index.js
+++ b/pages/index.js
@@ -65,12 +65,11 @@ export default function Home() {
           />
 
           <h1 className={styles.mainTemp}>
-            {Math.round(weatherData.main.temp)}°C
+            {Math.round(weatherData.main.temp)}°
           </h1>
-          <p>Feels like {Math.round(weatherData.main.feels_like)}°C</p>
+          <p>Feels like {Math.round(weatherData.main.feels_like)}°</p>
 
           <p>
-            Time:{" "}
             {new Date(
               weatherData.dt * 1000 + weatherData.timezone * 1000
             ).toLocaleString("en-US")}
@@ -175,7 +174,14 @@ export default function Home() {
                   width="100px"
                 />
                 <div>
-                  <h1>4:31</h1>
+                  <h1>
+                    {" "}
+                    {new Date(weatherData.sys.sunrise * 1000).getHours()}:
+                    {(new Date(weatherData.sys.sunrise * 1000).getMinutes() < 10
+                      ? "0"
+                      : "") +
+                      new Date(weatherData.sys.sunrise * 1000).getMinutes()}
+                  </h1>
                   <p>AM</p>
                 </div>
               </div>
@@ -203,7 +209,13 @@ export default function Home() {
                   width="100px"
                 />
                 <div>
-                  <h1>10:02</h1>
+                  <h1>
+                    {new Date(weatherData.sys.sunset * 1000).getHours()}:
+                    {(new Date(weatherData.sys.sunset * 1000).getMinutes() < 10
+                      ? "0"
+                      : "") +
+                      new Date(weatherData.sys.sunset * 1000).getMinutes()}
+                  </h1>
                   <p>PM</p>
                 </div>
               </div>
diff --git a/styles/globals.css b/styles/globals.css
index 8c2fec4..114c4ef 100644
--- a/styles/globals.css
+++ b/styles/globals.css
@@ -15,7 +15,6 @@ body {
     rgba(137, 171, 245, 0.37) 0%,
     rgba(245, 247, 252, 1) 100.2%
   );
-  /* background-image: linear-gradient( 112.1deg,  rgba(32,38,57,1) 11.4%, rgba(63,76,119,1) 70.2% ); */
   font-family: "Varela Round", sans-serif;
   min-height: 100vh;
 }