diff --git a/pages/components/MetricCard.jsx b/pages/components/MetricCard.jsx index 2bb3b09..04a4869 100644 --- a/pages/components/MetricCard.jsx +++ b/pages/components/MetricCard.jsx @@ -1,4 +1,3 @@ -import React from "react"; import Image from "next/image"; const MetricCard = ({ title, iconSrc, metric, unit = "", styles }) => { diff --git a/pages/components/Metrics.jsx b/pages/components/Metrics.jsx index fcd6359..2996cdd 100644 --- a/pages/components/Metrics.jsx +++ b/pages/components/Metrics.jsx @@ -1,4 +1,3 @@ -import React from "react"; import { degToCompass } from "../services/converters"; import { getTime, diff --git a/pages/index.js b/pages/index.js index 4a1cc29..906d529 100644 --- a/pages/index.js +++ b/pages/index.js @@ -5,7 +5,7 @@ import Metrics from "./components/Metrics"; import { convertTime, ctoF, timeToAMPM } from "./services/converters"; import { isPM } from "./services/utils"; -import styles from "../styles/Home.module.css"; +import styles from "../styles/App.module.css"; const App = () => { const [input, setInput] = useState("Riga"); @@ -24,16 +24,16 @@ const App = () => { setInput(""); }; - const enterKeydown = (event) => { - if (event.keyCode === 13) { - getData(); - } - }; - useEffect(() => { getData(); }, []); + const enterKeydown = (e) => { + if (e.keyCode === 13) { + getData(); + } + }; + const changeSystem = () => systemUsed == "metric" ? setSystemUsed("imperial") diff --git a/styles/Home.module.css b/styles/App.module.css similarity index 100% rename from styles/Home.module.css rename to styles/App.module.css