From 0ab4897e6e0c9478f59b69463541eeafafab19da Mon Sep 17 00:00:00 2001
From: madarsbiss <madars.biss@gmail.com>
Date: Thu, 23 Sep 2021 13:23:19 +0300
Subject: [PATCH] format code

---
 .vscode/settings.json     |  5 +++++
 components/DateAndTime.js |  2 +-
 components/MainCard.js    |  2 +-
 components/MetricsBox.js  |  4 ++--
 components/Search.js      |  8 +++++++-
 pages/index.js            | 19 +++++++++----------
 6 files changed, 25 insertions(+), 15 deletions(-)
 create mode 100644 .vscode/settings.json

diff --git a/.vscode/settings.json b/.vscode/settings.json
new file mode 100644
index 0000000..0ba8094
--- /dev/null
+++ b/.vscode/settings.json
@@ -0,0 +1,5 @@
+{
+  "editor.defaultFormatter": "esbenp.prettier-vscode",
+  "editor.formatOnSave": true,
+  "editor.formatOnPaste": true
+}
diff --git a/components/DateAndTime.js b/components/DateAndTime.js
index 5afd5bc..8c6deb9 100644
--- a/components/DateAndTime.js
+++ b/components/DateAndTime.js
@@ -11,4 +11,4 @@ export const DateAndTime = ({ weatherData, systemUsed }) => {
       )} ${getAMPM(systemUsed, weatherData.dt, weatherData.timezone)}`}
     </h2>
   );
-};
\ No newline at end of file
+};
diff --git a/components/MainCard.js b/components/MainCard.js
index 986cf85..cd5c976 100644
--- a/components/MainCard.js
+++ b/components/MainCard.js
@@ -36,4 +36,4 @@ export const MainCard = ({
       </p>
     </div>
   );
-};
\ No newline at end of file
+};
diff --git a/components/MetricsBox.js b/components/MetricsBox.js
index 5b7587c..a5eae33 100644
--- a/components/MetricsBox.js
+++ b/components/MetricsBox.js
@@ -5,7 +5,7 @@ import {
   getVisibility,
   getWindSpeed,
 } from "../services/utils";
-import {MetricsCard} from "./MetricsCard";
+import { MetricsCard } from "./MetricsCard";
 import styles from "./MetricsBox.module.css";
 
 export const MetricsBox = ({ weatherData, systemUsed }) => {
@@ -60,4 +60,4 @@ export const MetricsBox = ({ weatherData, systemUsed }) => {
       />
     </div>
   );
-};
\ No newline at end of file
+};
diff --git a/components/Search.js b/components/Search.js
index 6d9b3b2..d279c81 100644
--- a/components/Search.js
+++ b/components/Search.js
@@ -1,6 +1,12 @@
 import styles from "./Search.module.css";
 
-export const Search = ({ placeHolder, value, onFocus, onChange, onKeyDown }) => {
+export const Search = ({
+  placeHolder,
+  value,
+  onFocus,
+  onChange,
+  onKeyDown,
+}) => {
   return (
     <input
       className={styles.search}
diff --git a/pages/index.js b/pages/index.js
index 9fa1ab2..89ad112 100644
--- a/pages/index.js
+++ b/pages/index.js
@@ -1,14 +1,14 @@
 import { useState, useEffect } from "react";
 
-import {MainCard} from "../components/MainCard";
-import {ContentBox} from "../components/ContentBox";
-import {Header} from "../components/Header";
-import {DateAndTime} from "../components/DateAndTime";
-import {Search} from "../components/Search";
-import {MetricsBox} from "../components/MetricsBox";
-import {UnitSwitch} from "../components/UnitSwitch";
-import {LoadingScreen} from "../components/LoadingScreen";
-import {ErrorScreen} from "../components/ErrorScreen";
+import { MainCard } from "../components/MainCard";
+import { ContentBox } from "../components/ContentBox";
+import { Header } from "../components/Header";
+import { DateAndTime } from "../components/DateAndTime";
+import { Search } from "../components/Search";
+import { MetricsBox } from "../components/MetricsBox";
+import { UnitSwitch } from "../components/UnitSwitch";
+import { LoadingScreen } from "../components/LoadingScreen";
+import { ErrorScreen } from "../components/ErrorScreen";
 
 import styles from "../styles/Home.module.css";
 
@@ -82,4 +82,3 @@ export const App = () => {
 };
 
 export default App;
-// execute