nickzuber/meteorite
1
1
Fork 0
mirror of https://github.com/nickzuber/meteorite.git synced 2024-10-05 15:47:33 +03:00
Code Issues Packages Projects Releases Wiki Activity

Add image to empty state

Browse Source
This commit is contained in:
Nicholas Zuber 2019-08-22 12:33:35 -04:00
parent 3f54b9a7a8
commit 9829e5b435
3 changed files with 14 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/images/svg/programmer.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 9.7 KiB

1
src/images/svg/reading.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 17 KiB

18
src/pages/NotificationsRedesign/redesign/Scene.js
View File

@ -6,6 +6,7 @@ import {css, jsx} from '@emotion/core';
import {useSpring} from 'react-spring'
import {LineChart, Line, XAxis, Tooltip} from 'recharts';
import {ReactComponent as BlankCanvasSvg} from '../../../images/svg/blank.svg'
import {ReactComponent as ReadingSvg} from '../../../images/svg/reading.svg'
import Logo from '../../../components/Logo';
import LoadingIcon from '../../../components/LoadingIcon'
import {getFact} from '../../../utils/facts';
@ -912,13 +913,17 @@ function NotificationCollection ({
return (
<div css={css`
text-align: center;
margin: 128px auto 0;
font-size: 15px;
font-weight: 500;
color: #bfc5d1;
user-select: none;
width: 60%;
margin: 128px auto 0;
p {
margin: 8px 0;
font-size: 15px;
font-weight: 500;
color: #99a1b1;
user-select: none;
}
span {
width: 75%;
text-align: center;
margin: 8px auto 0;
font-size: 12px;
@ -928,7 +933,8 @@ function NotificationCollection ({
user-select: none;
}
`}>
{'No new updates to show'}
<ReadingSvg height={136} width={224} />
<p>{'No new updates to show'}</p>
<span>{`Fun fact: ${fact}`}</span>
</div>
);