filecoin-project/slate
1
1
Fork 0
mirror of https://github.com/filecoin-project/slate.git synced 2025-01-01 13:42:19 +03:00
Code Issues Packages Projects Releases Wiki Activity

explore slates styling

Browse Source
This commit is contained in:
tarafanlin 2021-01-21 16:22:19 -08:00
parent 7e320c2876
commit 0ac95ff68f
1 changed files with 25 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

37
components/core/Profile.js
View File

@ -115,10 +115,13 @@ const STYLES_STAT = css`
`;
const STYLES_EXPLORE = css`
font-size: ${Constants.typescale.lvl1};
font-family: ${Constants.font.text};
font-weight: 400;
margin: 64px auto 64px auto;
height: 1px;
width: 80px;
background-color: ${Constants.system.gray};
width: 120px;
padding-top: 16px;
border-top: 1px solid ${Constants.system.black};
`;
const STYLES_BUTTON = css`
@ -312,6 +315,8 @@ export default class Profile extends React.Component {
let subscribers = this.props.creator.subscribers || [];
let exploreSlates = this.props.exploreSlates;
console.log(this.props.onAction, exploreSlates);
let slates = [];
if (this.state.tab === 1) {
if (this.state.slateTab === 0) {
@ -580,23 +585,31 @@ export default class Profile extends React.Component {
/>
) : (
<React.Fragment>
<EmptyState>
<SVG.Slate height="24px" style={{ marginBottom: 24 }} />
{this.state.slateTab === 0
? `This user does not have any public slates yet`
: `This user is not following any slates yet`}
</EmptyState>
{this.props.external ? (
<React.Fragment>
<div css={STYLES_EXPLORE} />
<EmptyState style={{ border: `none`, height: `120px` }}>
<SVG.Slate height="24px" style={{ marginBottom: 24 }} />
{this.state.slateTab === 0
? `This user does not have any public slates yet`
: `This user is not following any slates yet`}
</EmptyState>
<div css={STYLES_EXPLORE}>Explore Slates</div>
<SlatePreviewBlocks
isOwner={false}
external={this.props.external}
slates={exploreSlates}
username={username}
username={exploreSlates.username}
onAction={this.props.onAction}
/>
</React.Fragment>
) : null}
) : (
<EmptyState>
<SVG.Slate height="24px" style={{ marginBottom: 24 }} />
{this.state.slateTab === 0
? `This user does not have any public slates yet`
: `This user is not following any slates yet`}
</EmptyState>
)}
</React.Fragment>
)}
</div>