Update watch history icon & add astronaut to empty list

This commit is contained in:
Raphael Wickihalder 2022-05-02 10:43:27 +02:00 committed by Thomas Zarebczan
parent e9b1a32779
commit bf8199dd05
2 changed files with 10 additions and 2 deletions

View file

@ -3299,7 +3299,7 @@ export const icons = {
),
[ICONS.WATCHHISTORY]: buildIcon(
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
<path d="M4.7,12C4.7,8,8,4.7,12,4.7 M10.7,9v6.3l4.6-3.1 L10.7,9z M2.9,10.5l1.9,1.9l2.1-1.8 M11.9,19.8v-1 M7.9,18.6l0.5-0.9 M5.9,15L5,15.4 M15.5,17.8l0.5,0.9 M18,15.2l0.9,0.5 M19.8,11.5l-1,0.1 M18.4,7.5l-0.8,0.6 M15.1,4.8l-0.4,0.9" />
<path d="M0.6,11.8c0-6,5-11,11-11 M9.6,7.2v9.5l6.9-4.7L9.6,7.2z M-2.1,9.5l2.9,2.9l3.2-2.7 M11.4,23.2 v-0.9 M5.6,21.5L6,20.6 M2.1,16.4l-0.8,0.4 M17,20.8l0.5,0.8 M20.9,16.7l0.8,0.5 M23.1,11l-0.9,0.1 M21,5.2l-0.7,0.5 M16.2,1.2 L15.8,2" />
</svg>
),
};

View file

@ -6,6 +6,7 @@ import Button from 'component/button';
import classnames from 'classnames';
import Icon from 'component/common/icon';
import * as ICONS from 'constants/icons';
import { YRBL_SAD_IMG_URL } from 'config';
import usePersistedState from 'effects/use-persisted-state';
@ -62,7 +63,14 @@ export default function HistoryPage(props: Props) {
{history.length > 0 && (
<ClaimList uris={history} collectionId={collectionId} unavailableUris={unavailableUris} inHistory />
)}
{history.length === 0 && <h2 className="main--empty empty">{__('Nothing here')}</h2>}
{history.length === 0 && (
<div style={{ textAlign: 'center' }}>
<img src={YRBL_SAD_IMG_URL} />
<h2 className="main--empty empty" style={{ marginTop: '0' }}>
{__('Nothing here')}
</h2>
</div>
)}
</div>
</Page>
);