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

justify date

Browse Source
This commit is contained in:
madarsbiss 2021-09-23 14:29:00 +03:00
parent d1574e0922
commit 49022991c2
2 changed files with 18 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
components/DateAndTime.js
View File

@ -1,6 +1,9 @@
import { getWeekDay, getTime, getAMPM } from "../services/utils"; import { getWeekDay, getTime, getAMPM } from "../services/utils";
import styles from "./DateAndTime.module.css";
export const DateAndTime = ({ weatherData, systemUsed }) => ( export const DateAndTime = ({ weatherData, systemUsed }) => {
return (
<div className={styles.wrapper}>
<h2> <h2>
{`${getWeekDay(weatherData)}, ${getTime( {`${getWeekDay(weatherData)}, ${getTime(
systemUsed, systemUsed,
@ -8,4 +11,6 @@ export const DateAndTime = ({ weatherData, systemUsed }) => (
weatherData.timezone weatherData.timezone
)} ${getAMPM(systemUsed, weatherData.dt, weatherData.timezone)}`} )} ${getAMPM(systemUsed, weatherData.dt, weatherData.timezone)}`}
</h2> </h2>
); </div>
);
};

4
components/DateAndTime.module.css Normal file
View File

@ -0,0 +1,4 @@
.wrapper {
display: flex;
align-items: center;
}