Docker/flame
Docker/flame
1
0
Fork 0
mirror of https://github.com/pawelmalak/flame.git synced 2025-07-21 20:39:36 +02:00
Code Issues Releases Wiki Activity

WeatherIcon. Small changes to theme state

Browse source
This commit is contained in:
unknown 2021-05-14 18:51:56 +02:00
parent cb0b4b495f
commit e293325da7
16 changed files with 137 additions and 32 deletions
Download patch file Download diff file Expand all files Collapse all files

19
client/src/components/Home/Home.tsx
View file

@ -4,14 +4,12 @@ import { connect } from 'react-redux';
import { GlobalState } from '../../interfaces/GlobalState';
import { getApps } from '../../store/actions';
import Icon from '../UI/Icon/Icon';
import Modal from '../UI/Modal/Modal';
import Icon from '../UI/Icons/Icon/Icon';
import WeatherIcon from '../UI/Icons/WeatherIcon/WeatherIcon';
import classes from './Home.module.css';
import { Container } from '../UI/Layout/Layout';
import Headline from '../UI/Headlines/Headline/Headline';
import SectionHeadline from '../UI/Headlines/SectionHeadline/SectionHeadline';
import Apps from '../Apps/Apps';
import AppGrid from '../Apps/AppGrid/AppGrid';
import { App } from '../../interfaces';
import Spinner from '../UI/Spinner/Spinner';
@ -63,7 +61,18 @@ const Home = (props: ComponentProps): JSX.Element => {
<Container>
<header className={classes.Header}>
<p>{dateAndTime()}</p>
<h1>{greeter()}</h1>
<span className={classes.HeaderMain}>
<h1>{greeter()}</h1>
<div className={classes.WeatherWidget}>
<div className={classes.WeatherIcon}>
<WeatherIcon icon='clear-day' />
</div>
<div className={classes.WeatherDetails}>
<span>30°C</span>
<span>15°C</span>
</div>
</div>
</span>
</header>
<SectionHeadline title='Apps' link='/apps' />