lbry-desktop/ui/page/publish/view.jsx
2020-09-29 17:12:32 -04:00

37 lines
814 B
JavaScript

// @flow
import React from 'react';
import PublishForm from 'component/publishForm';
import Page from 'component/page';
import YrblWalletEmpty from 'component/yrblWalletEmpty';
type Props = {
balance: number,
totalRewardValue: number,
};
function PublishPage(props: Props) {
const { balance } = props;
function scrollToTop() {
const mainContent = document.querySelector('main');
if (mainContent) {
mainContent.scrollTop = 0; // It would be nice to animate this
}
}
return (
<Page
noFooter
noSideNavigation
backout={{
title: __('Upload'),
backLabel: __('Back'),
}}
>
{balance === 0 && <YrblWalletEmpty />}
<PublishForm scrollToTop={scrollToTop} disabled={balance === 0} />
</Page>
);
}
export default PublishPage;