Mathis/forecast
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

rename comp

Browse Source
This commit is contained in:
madarsbiss 2021-09-22 18:06:48 +03:00
parent c61be4e1c5
commit d842dc0090
5 changed files with 11 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
components/Metrics.js → components/MetricsBox.js
View File

@ -5,11 +5,11 @@ import {
getVisibility, getVisibility,
getWindSpeed, getWindSpeed,
} from "../services/utils"; } from "../services/utils";
import MetricCard from "./MetricCard"; import MetricCard from "./MetricsCard";
import styles from "./Metrics.module.css"; import styles from "./MetricsBox.module.css";
const Metrics = ({ data, systemUsed }) => { const MetricsBox = ({ data, systemUsed }) => {
return ( return (
<div className={styles.statsBox}> <div className={styles.statsBox}>
<MetricCard <MetricCard
@ -56,4 +56,4 @@ const Metrics = ({ data, systemUsed }) => {
); );
}; };
export default Metrics; export default MetricsBox;

0
components/Metrics.module.css → components/MetricsBox.module.css
View File

6
components/MetricCard.js → components/MetricsCard.js
View File

@ -1,8 +1,8 @@
import Image from "next/image"; import Image from "next/image";
import styles from "./MetricCard.module.css"; import styles from "./MetricsCard.module.css";
const MetricCard = ({ title, iconSrc, metric, unit }) => { const MetricsCard = ({ title, iconSrc, metric, unit }) => {
return ( return (
<div className={styles.statsCard}> <div className={styles.statsCard}>
<p>{title}</p> <p>{title}</p>
@ -17,4 +17,4 @@ const MetricCard = ({ title, iconSrc, metric, unit }) => {
); );
}; };
export default MetricCard; export default MetricsCard;

0
components/MetricCard.module.css → components/MetricsCard.module.css
View File

6
pages/index.js
View File

@ -5,7 +5,9 @@ import ContentBox from "../components/ContentBox";
import Header from "../components/Header"; import Header from "../components/Header";
import DateAndTime from "../components/DateAndTime"; import DateAndTime from "../components/DateAndTime";
import Search from "../components/Search"; import Search from "../components/Search";
import Metrics from "../components/Metrics";
import MetricsBox from "../components/MetricsBox";
import MetricsCard from "../components/MetricsCard";
import UnitSwitch from "../components/UnitSwitch"; import UnitSwitch from "../components/UnitSwitch";
import LoadingScreen from "../components/LoadingScreen"; import LoadingScreen from "../components/LoadingScreen";
import ErrorScreen from "../components/ErrorScreen"; import ErrorScreen from "../components/ErrorScreen";
@ -71,7 +73,7 @@ const App = () => {
}} }}
/> />
</Header> </Header>
<Metrics data={weatherData} systemUsed={systemUsed} /> <MetricsBox data={weatherData} systemUsed={systemUsed} />
<UnitSwitch onClick={changeSystem} systemUsed={systemUsed} /> <UnitSwitch onClick={changeSystem} systemUsed={systemUsed} />
</ContentBox> </ContentBox>
</div> </div>