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

format code

Browse Source
This commit is contained in:
madarsbiss 2021-09-23 13:23:19 +03:00
parent 3cc4bd3f54
commit 0ab4897e6e
6 changed files with 25 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
.vscode/settings.json vendored Normal file
View File

@ -0,0 +1,5 @@
{
"editor.defaultFormatter": "esbenp.prettier-vscode",
"editor.formatOnSave": true,
"editor.formatOnPaste": true
}

2
components/DateAndTime.js
View File

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

2
components/MainCard.js
View File

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

4
components/MetricsBox.js
View File

@ -5,7 +5,7 @@ import {
getVisibility, getVisibility,
getWindSpeed, getWindSpeed,
} from "../services/utils"; } from "../services/utils";
import {MetricsCard} from "./MetricsCard"; import { MetricsCard } from "./MetricsCard";
import styles from "./MetricsBox.module.css"; import styles from "./MetricsBox.module.css";
export const MetricsBox = ({ weatherData, systemUsed }) => { export const MetricsBox = ({ weatherData, systemUsed }) => {
@ -60,4 +60,4 @@ export const MetricsBox = ({ weatherData, systemUsed }) => {
/> />
</div> </div>
); );
}; };

8
components/Search.js
View File

@ -1,6 +1,12 @@
import styles from "./Search.module.css"; import styles from "./Search.module.css";
export const Search = ({ placeHolder, value, onFocus, onChange, onKeyDown }) => { export const Search = ({
placeHolder,
value,
onFocus,
onChange,
onKeyDown,
}) => {
return ( return (
<input <input
className={styles.search} className={styles.search}

19
pages/index.js
View File

@ -1,14 +1,14 @@
import { useState, useEffect } from "react"; import { useState, useEffect } from "react";
import {MainCard} from "../components/MainCard"; import { MainCard } from "../components/MainCard";
import {ContentBox} from "../components/ContentBox"; 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 {MetricsBox} from "../components/MetricsBox"; import { MetricsBox } from "../components/MetricsBox";
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";
import styles from "../styles/Home.module.css"; import styles from "../styles/Home.module.css";
@ -82,4 +82,3 @@ export const App = () => {
}; };
export default App; export default App;
// execute