2018-03-26 14:32:43 -07:00
|
|
|
// @flow
|
2019-07-08 13:06:42 -04:00
|
|
|
import * as PAGES from 'constants/pages';
|
2017-12-21 18:08:54 -03:00
|
|
|
import React from 'react';
|
2019-06-19 01:05:43 -04:00
|
|
|
import ClaimListDiscover from 'component/claimListDiscover';
|
2019-06-11 14:10:58 -04:00
|
|
|
import TagsSelect from 'component/tagsSelect';
|
2018-03-26 14:32:43 -07:00
|
|
|
import Page from 'component/page';
|
2019-06-30 21:52:38 -04:00
|
|
|
import Button from 'component/button';
|
2017-12-08 15:14:35 -05:00
|
|
|
|
2018-03-26 14:32:43 -07:00
|
|
|
type Props = {
|
2019-06-11 14:10:58 -04:00
|
|
|
followedTags: Array<Tag>,
|
2019-09-26 12:07:11 -04:00
|
|
|
email: string,
|
2018-03-26 14:32:43 -07:00
|
|
|
};
|
2017-12-08 15:14:35 -05:00
|
|
|
|
2019-06-11 14:10:58 -04:00
|
|
|
function DiscoverPage(props: Props) {
|
2019-09-26 12:07:11 -04:00
|
|
|
const { followedTags, email } = props;
|
2019-06-28 03:33:07 -04:00
|
|
|
|
2019-06-11 14:10:58 -04:00
|
|
|
return (
|
2019-06-17 16:32:38 -04:00
|
|
|
<Page>
|
2019-09-27 14:56:15 -04:00
|
|
|
{(email || !IS_WEB) && <TagsSelect showClose title={__('Customize Your Homepage')} />}
|
2019-06-19 01:05:43 -04:00
|
|
|
<ClaimListDiscover
|
2019-09-26 12:07:11 -04:00
|
|
|
hideCustomization={IS_WEB && !email}
|
2019-07-17 16:49:06 -04:00
|
|
|
personalView
|
2019-06-11 14:10:58 -04:00
|
|
|
tags={followedTags.map(tag => tag.name)}
|
2019-12-06 14:42:44 -05:00
|
|
|
meta={<Button button="link" label={__('Customize')} requiresAuth={IS_WEB} navigate={`/$/${PAGES.FOLLOWING}`} />}
|
2019-06-11 14:10:58 -04:00
|
|
|
/>
|
|
|
|
</Page>
|
|
|
|
);
|
2017-05-03 23:44:08 -04:00
|
|
|
}
|
|
|
|
|
2017-05-25 18:29:56 +02:00
|
|
|
export default DiscoverPage;
|