LBRYCommunity/spee.ch
1
0
Fork 0
Code Issues 95 Pull requests 2 Projects Releases 4 Packages Wiki Activity

updated the page layouts

Browse source
This commit is contained in:
bill bittner 2018-06-09 12:12:43 -07:00
parent 823a0da87c
commit f77ecd8288
22 changed files with 120 additions and 118 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
client/build/components/PageLayout/index.js
View file

@ -50,7 +50,7 @@ function (_React$Component) {
pageUri: this.props.pageUri
}), _react.default.createElement(_NavBar.default, null), _react.default.createElement("div", {
className: 'content'
}, this.props.content));
}, this.props.children));
}
}]);

4
client/build/components/PageLayoutShowLite/index.js
View file

@ -53,9 +53,7 @@ function (_React$Component) {
asset: this.props.asset
}), _react.default.createElement("div", {
className: 'content'
}, this.props.content), _react.default.createElement("div", {
className: 'footer'
}, this.props.footer));
}, this.props.children));
}
}]);

7
client/build/pages/AboutPage/index.js
View file

@ -49,12 +49,11 @@ function (_React$Component) {
value: function render() {
return _react.default.createElement(_PageLayout.default, {
pageTitle: 'About',
pageUri: 'about',
content: _react.default.createElement(_HorizontalSplit.default, {
pageUri: 'about'
}, _react.default.createElement(_HorizontalSplit.default, {
leftSide: _react.default.createElement(_AboutSpeechOverview.default, null),
rightSide: _react.default.createElement(_AboutSpeechDetails.default, null)
})
});
}));
}
}]);

5
client/build/pages/ErrorPage/index.js
View file

@ -46,9 +46,8 @@ function (_React$Component) {
var error = this.props.error;
return _react.default.createElement(_PageLayout.default, {
pageTitle: 'Error',
pageUri: 'error',
content: _react.default.createElement("p", null, error)
});
pageUri: 'error'
}, _react.default.createElement("p", null, error));
}
}]);

5
client/build/pages/FourOhFourPage/index.js
View file

@ -43,9 +43,8 @@ function (_React$Component) {
value: function render() {
return _react.default.createElement(_PageLayout.default, {
pageTitle: '404',
pageUri: '/404',
content: _react.default.createElement("div", null, _react.default.createElement("h2", null, "404"), _react.default.createElement("p", null, "That page does not exist"))
});
pageUri: '/404'
}, _react.default.createElement("h2", null, "404"), _react.default.createElement("p", null, "That page does not exist"));
}
}]);

5
client/build/pages/HomePage/index.js
View file

@ -45,9 +45,8 @@ function (_React$Component) {
value: function render() {
return _react.default.createElement(_PageLayout.default, {
pageTitle: 'Speech',
pageUri: '',
content: _react.default.createElement(_PublishTool.default, null)
});
pageUri: ''
}, _react.default.createElement(_PublishTool.default, null));
}
}]);

7
client/build/pages/LoginPage/view.js
View file

@ -59,12 +59,11 @@ function (_React$Component) {
value: function render() {
return _react.default.createElement(_PageLayout.default, {
pageTitle: 'Login',
pageUri: 'login',
content: _react.default.createElement(_HorizontalSplit.default, {
pageUri: 'login'
}, _react.default.createElement(_HorizontalSplit.default, {
leftSide: _react.default.createElement(_ChannelAbout.default, null),
rightSide: _react.default.createElement(_ChannelTools.default, null)
})
});
}));
}
}]);

5
client/build/pages/MultisitePage/index.js
View file

@ -82,9 +82,8 @@ function (_React$Component) {
value: function render() {
return _react.default.createElement(_PageLayout.default, {
pageTitle: 'Multisite',
pageUri: '/multisite',
content: _react.default.createElement(MultisiteContent, null)
});
pageUri: '/multisite'
}, _react.default.createElement(MultisiteContent, null));
}
}]);

7
client/build/pages/ShowAssetDetails/view.js
View file

@ -57,12 +57,11 @@ function (_React$Component) {
var name = asset.claimData.name;
return _react.default.createElement(_PageLayout.default, {
pageTitle: "".concat(name, " - details"),
asset: asset,
content: _react.default.createElement("div", null, _react.default.createElement(_AssetTitle.default, null), _react.default.createElement(_HorizontalSplit.default, {
asset: asset
}, _react.default.createElement(_AssetTitle.default, null), _react.default.createElement(_HorizontalSplit.default, {
leftSide: _react.default.createElement(_AssetDisplay.default, null),
rightSide: _react.default.createElement(_AssetInfo.default, null)
}))
});
}));
}
return _react.default.createElement(_ErrorPage.default, {

38
client/build/pages/ShowAssetLite/view.js
View file

@ -15,6 +15,8 @@ var _AssetDisplay = _interopRequireDefault(require("@containers/AssetDisplay"));
var _SpaceAround = _interopRequireDefault(require("@components/SpaceAround"));
var _VerticalSplit = _interopRequireDefault(require("@components/VerticalSplit"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
@ -35,6 +37,21 @@ function _assertThisInitialized(self) { if (self === void 0) { throw new Referen
function _getPrototypeOf(o) { _getPrototypeOf = Object.getPrototypeOf || function _getPrototypeOf(o) { return o.__proto__; }; return _getPrototypeOf(o); }
var AssetLiteFooter = function AssetLiteFooter(_ref) {
var name = _ref.name,
claimId = _ref.claimId;
return _react.default.createElement(_SpaceAround.default, null, _react.default.createElement("p", {
className: 'text--extra-small'
}, _react.default.createElement(_reactRouterDom.Link, {
className: "link--primary",
to: "/".concat(claimId, "/").concat(name)
}, " hosted on spee.ch"), " via the ", _react.default.createElement("a", {
className: "link--primary",
href: 'https://lbry.io/get',
target: '_blank'
}, "LBRY"), " blockchain"));
};
var ShowLite =
/*#__PURE__*/
function (_React$Component) {
@ -55,19 +72,14 @@ function (_React$Component) {
claimId = _asset$claimData.claimId;
return _react.default.createElement(_PageLayoutShowLite.default, {
pageTitle: name,
asset: asset,
content: _react.default.createElement(_AssetDisplay.default, null),
footer: _react.default.createElement(_SpaceAround.default, null, _react.default.createElement("p", {
className: 'text--extra-small'
}, _react.default.createElement(_reactRouterDom.Link, {
className: "link--primary",
to: "/".concat(claimId, "/").concat(name)
}, " hosted on spee.ch"), " via the ", _react.default.createElement("a", {
className: "link--primary",
href: 'https://lbry.io/get',
target: '_blank'
}, "LBRY"), " blockchain"))
});
asset: asset
}, _react.default.createElement(_VerticalSplit.default, {
top: _react.default.createElement(_AssetDisplay.default, null),
bottom: _react.default.createElement(AssetLiteFooter, {
name: name,
claimId: claimId
})
}));
}
return _react.default.createElement("div", null, _react.default.createElement("p", {

7
client/build/pages/ShowChannel/view.js
View file

@ -55,13 +55,12 @@ function (_React$Component) {
shortId = channel.shortId;
return _react.default.createElement(_PageLayout.default, {
pageTitle: name,
channel: channel,
content: _react.default.createElement("div", null, _react.default.createElement(_ChannelInfoDisplay.default, {
channel: channel
}, _react.default.createElement(_ChannelInfoDisplay.default, {
name: name,
longId: longId,
shortId: shortId
}), _react.default.createElement(_ChannelClaimsDisplay.default, null))
});
}), _react.default.createElement(_ChannelClaimsDisplay.default, null));
}
return _react.default.createElement(_ErrorPage.default, {

2
client/src/components/PageLayout/index.jsx
View file

@ -10,7 +10,7 @@ class PageLayout extends React.Component {
<SEO pageTitle={this.props.pageTitle} pageUri={this.props.pageUri} />
<NavBar />
<div className={'content'}>
{this.props.content}
{this.props.children}
</div>
</div>
);

5
client/src/components/PageLayoutShowLite/index.jsx
View file

@ -11,10 +11,7 @@ class PageLayoutShowLite extends React.Component {
<div className={'page-layout-show-lite'}>
<SEO pageTitle={this.props.pageTitle} asset={this.props.asset} />
<div className={'content'}>
{this.props.content}
</div>
<div className={'footer'}>
{this.props.footer}
{this.props.children}
</div>
</div>
);

5
client/src/pages/AboutPage/index.jsx
View file

@ -10,13 +10,12 @@ class AboutPage extends React.Component {
<PageLayout
pageTitle={'About'}
pageUri={'about'}
content={
>
<HorizontalSplit
leftSide={<AboutSpeechOverview />}
rightSide={<AboutSpeechDetails />}
/>
}
/>
</PageLayout>
);
}
}

5
client/src/pages/ErrorPage/index.jsx
View file

@ -9,10 +9,9 @@ class ErrorPage extends React.Component {
<PageLayout
pageTitle={'Error'}
pageUri={'error'}
content={
>
<p>{error}</p>
}
/>
</PageLayout>
);
}
};

7
client/src/pages/FourOhFourPage/index.jsx
View file

@ -7,13 +7,10 @@ class FourOhForPage extends React.Component {
<PageLayout
pageTitle={'404'}
pageUri={'/404'}
content={
<div>
>
<h2>404</h2>
<p>That page does not exist</p>
</div>
}
/>
</PageLayout>
);
}
};

5
client/src/pages/HomePage/index.jsx
View file

@ -9,8 +9,9 @@ class HomePage extends React.Component {
<PageLayout
pageTitle={'Speech'}
pageUri={''}
content={<PublishTool />}
/>
>
<PublishTool />
</PageLayout>
);
}
};

5
client/src/pages/LoginPage/view.jsx
View file

@ -18,13 +18,12 @@ class LoginPage extends React.Component {
<PageLayout
pageTitle={'Login'}
pageUri={'login'}
content={
>
<HorizontalSplit
leftSide={<ChannelAbout />}
rightSide={<ChannelTools />}
/>
}
/>
</PageLayout>
);
}
};

5
client/src/pages/MultisitePage/index.jsx
View file

@ -53,8 +53,9 @@ class MultisitePage extends React.Component {
<PageLayout
pageTitle={'Multisite'}
pageUri={'/multisite'}
content={<MultisiteContent />}
/>
>
<MultisiteContent />
</PageLayout>
);
}
}

7
client/src/pages/ShowAssetDetails/view.jsx
View file

@ -16,16 +16,13 @@ class ShowAssetDetails extends React.Component {
<PageLayout
pageTitle={`${name} - details`}
asset={asset}
content={
<div>
>
<AssetTitle />
<HorizontalSplit
leftSide={<AssetDisplay />}
rightSide={<AssetInfo />}
/>
</div>
}
/>
</PageLayout>
);
}
return (

27
client/src/pages/ShowAssetLite/view.jsx
View file

@ -3,6 +3,17 @@ import { Link } from 'react-router-dom';
import PageLayoutShowLite from '@components/PageLayoutShowLite';
import AssetDisplay from '@containers/AssetDisplay';
import SpaceAround from '@components/SpaceAround';
import VerticalSplit from '@components/VerticalSplit';
const AssetLiteFooter = ({ name, claimId }) => {
return (
<SpaceAround>
<p className={'text--extra-small'}>
<Link className='link--primary' to={`/${claimId}/${name}`}> hosted on spee.ch</Link> via the <a className='link--primary' href={'https://lbry.io/get'} target={'_blank'}>LBRY</a> blockchain
</p>
</SpaceAround>
)
}
class ShowLite extends React.Component {
render () {
@ -13,15 +24,17 @@ class ShowLite extends React.Component {
<PageLayoutShowLite
pageTitle={name}
asset={asset}
content={<AssetDisplay />}
footer={
<SpaceAround>
<p className={'text--extra-small'}>
<Link className='link--primary' to={`/${claimId}/${name}`}> hosted on spee.ch</Link> via the <a className='link--primary' href={'https://lbry.io/get'} target={'_blank'}>LBRY</a> blockchain
</p>
</SpaceAround>
>
<VerticalSplit
top={<AssetDisplay />}
bottom={
<AssetLiteFooter
name={name}
claimId={claimId}
/>
}
/>
</PageLayoutShowLite>
);
}
return (

7
client/src/pages/ShowChannel/view.jsx
View file

@ -13,17 +13,14 @@ class ShowChannel extends React.Component {
<PageLayout
pageTitle={name}
channel={channel}
content={
<div>
>
<ChannelInfoDisplay
name={name}
longId={longId}
shortId={shortId}
/>
<ChannelClaimsDisplay />
</div>
}
/>
</PageLayout>
);
}
return (