format code

components/DateAndTime.js

@@ -11,4 +11,4 @@ export const DateAndTime = ({ weatherData, systemUsed }) => {
       )} ${getAMPM(systemUsed, weatherData.dt, weatherData.timezone)}`}
     </h2>
   );
-};
+};

components/MainCard.js

@@ -36,4 +36,4 @@ export const MainCard = ({
       </p>
     </div>
   );
-};
+};

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>
   );
-};
+};

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}