mirror of
https://github.com/filecoin-project/slate.git
synced 2024-12-25 18:13:10 +03:00
some missed assets
This commit is contained in:
@wwwjim
parent
426429549c
commit
7d5fa55c69
@ -99,10 +99,13 @@ const SidebarLink = (props) => {
|
||||
<a
|
||||
css={props.url.includes(props.href) ? STYLES_LINK_ACTIVE : STYLES_LINK}
|
||||
href={props.href}
|
||||
target={props.target}>
|
||||
target={props.target}
|
||||
>
|
||||
{props.title}
|
||||
</a>
|
||||
{props.children ? <div css={STYLES_DESCRIPTION}>{props.children}</div> : null}
|
||||
{props.children ? (
|
||||
<div css={STYLES_DESCRIPTION}>{props.children}</div>
|
||||
) : null}
|
||||
</React.Fragment>
|
||||
);
|
||||
};
|
||||
@ -136,17 +139,38 @@ export default class SystemPage extends React.Component {
|
||||
<meta property="og:url" content={url} />
|
||||
<meta property="og:title" content={title} />
|
||||
<meta property="og:description" content={description} />
|
||||
<meta property="og:image" content="/static/new-brand-teaser.png" />
|
||||
<meta
|
||||
property="og:image"
|
||||
content="https://bafkreifknnc7rs7u7qrwc72dzaazzk3f3r4dnp3m4cuzdnr5zfckaet3se.ipfs.slate.textile.io/"
|
||||
/>
|
||||
|
||||
<meta property="twitter:card" content="summary_large_image" />
|
||||
<meta property="twitter:url" content={url} />
|
||||
<meta property="twitter:title" content={title} />
|
||||
<meta property="twitter:description" content={description} />
|
||||
<meta property="twitter:image" content="/static/new-brand-teaser.png" />
|
||||
<meta
|
||||
property="twitter:image"
|
||||
content="https://bafkreifknnc7rs7u7qrwc72dzaazzk3f3r4dnp3m4cuzdnr5zfckaet3se.ipfs.slate.textile.io/"
|
||||
/>
|
||||
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="/static/favicon-32x32.png" />
|
||||
<link rel="icon" type="image/png" sizes="96x96" href="/static/favicon-96x96.png" />
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="/static/favicon-16x16.png" />
|
||||
<link
|
||||
rel="icon"
|
||||
type="image/png"
|
||||
sizes="32x32"
|
||||
href="/static/favicon-32x32.png"
|
||||
/>
|
||||
<link
|
||||
rel="icon"
|
||||
type="image/png"
|
||||
sizes="96x96"
|
||||
href="/static/favicon-96x96.png"
|
||||
/>
|
||||
<link
|
||||
rel="icon"
|
||||
type="image/png"
|
||||
sizes="16x16"
|
||||
href="/static/favicon-16x16.png"
|
||||
/>
|
||||
|
||||
<link rel="shortcut icon" href="/static/favicon.ico" />
|
||||
|
||||
@ -155,15 +179,51 @@ export default class SystemPage extends React.Component {
|
||||
<div css={STYLES_BODY}>{children}</div>
|
||||
<div css={STYLES_SIDEBAR}>
|
||||
<span css={STYLES_LABEL}>Experiences</span>
|
||||
<SidebarLink url={url} href="/_/experiences/create-address" title="CreateFilecoinAddress" />
|
||||
<SidebarLink url={url} href="/_/experiences/make-storage-deal" title="CreateFilecoinStorageDeal" />
|
||||
<SidebarLink url={url} href="/_/experiences/generate-powergate-token" title="CreateToken" />
|
||||
<SidebarLink url={url} href="/_/experiences/filecoin-wallet-balances" title="FilecoinBalancesList" />
|
||||
<SidebarLink url={url} href="/_/experiences/list-filecoin-deals" title="FilecoinDealsList" />
|
||||
<SidebarLink url={url} href="/_/experiences/filecoin-settings" title="FilecoinSettings" />
|
||||
<SidebarLink url={url} href="/_/experiences/friends-list" title="FriendsList" />
|
||||
<SidebarLink url={url} href="/_/experiences/peers-list" title="PeersList" />
|
||||
<SidebarLink url={url} href="/_/experiences/send-address-filecoin" title="SendAddressFilecoin" />
|
||||
<SidebarLink
|
||||
url={url}
|
||||
href="/_/experiences/create-address"
|
||||
title="CreateFilecoinAddress"
|
||||
/>
|
||||
<SidebarLink
|
||||
url={url}
|
||||
href="/_/experiences/make-storage-deal"
|
||||
title="CreateFilecoinStorageDeal"
|
||||
/>
|
||||
<SidebarLink
|
||||
url={url}
|
||||
href="/_/experiences/generate-powergate-token"
|
||||
title="CreateToken"
|
||||
/>
|
||||
<SidebarLink
|
||||
url={url}
|
||||
href="/_/experiences/filecoin-wallet-balances"
|
||||
title="FilecoinBalancesList"
|
||||
/>
|
||||
<SidebarLink
|
||||
url={url}
|
||||
href="/_/experiences/list-filecoin-deals"
|
||||
title="FilecoinDealsList"
|
||||
/>
|
||||
<SidebarLink
|
||||
url={url}
|
||||
href="/_/experiences/filecoin-settings"
|
||||
title="FilecoinSettings"
|
||||
/>
|
||||
<SidebarLink
|
||||
url={url}
|
||||
href="/_/experiences/friends-list"
|
||||
title="FriendsList"
|
||||
/>
|
||||
<SidebarLink
|
||||
url={url}
|
||||
href="/_/experiences/peers-list"
|
||||
title="PeersList"
|
||||
/>
|
||||
<SidebarLink
|
||||
url={url}
|
||||
href="/_/experiences/send-address-filecoin"
|
||||
title="SendAddressFilecoin"
|
||||
/>
|
||||
|
||||
<span css={STYLES_LABEL}>
|
||||
<br />
|
||||
@ -171,23 +231,51 @@ export default class SystemPage extends React.Component {
|
||||
Components
|
||||
</span>
|
||||
|
||||
<SidebarLink url={url} href="/_/system/avatar-group" title="Avatar Group" />
|
||||
<SidebarLink
|
||||
url={url}
|
||||
href="/_/system/avatar-group"
|
||||
title="Avatar Group"
|
||||
/>
|
||||
<SidebarLink url={url} href="/_/system/buttons" title="Buttons" />
|
||||
<SidebarLink url={url} href="/_/system/card-tabs" title="Card Tabs" />
|
||||
<SidebarLink url={url} href="/_/system/carousel" title="Carousel" />
|
||||
<SidebarLink url={url} href="/_/system/checkboxes" title="Checkboxes" />
|
||||
<SidebarLink
|
||||
url={url}
|
||||
href="/_/system/checkboxes"
|
||||
title="Checkboxes"
|
||||
/>
|
||||
<SidebarLink url={url} href="/_/system/colors" title="Colors" />
|
||||
<SidebarLink url={url} href="/_/system/datepicker" title="Datepicker" />
|
||||
<SidebarLink
|
||||
url={url}
|
||||
href="/_/system/datepicker"
|
||||
title="Datepicker"
|
||||
/>
|
||||
<SidebarLink url={url} href="/_/system/dropdowns" title="Dropdowns" />
|
||||
<SidebarLink url={url} href="/_/system/globe" title="Globe" />
|
||||
<SidebarLink url={url} href="/_/system/hover-tile" title="Hover Tile" />
|
||||
<SidebarLink
|
||||
url={url}
|
||||
href="/_/system/hover-tile"
|
||||
title="Hover Tile"
|
||||
/>
|
||||
<SidebarLink url={url} href="/_/system/icons" title="Icons" />
|
||||
<SidebarLink url={url} href="/_/system/inputs" title="Inputs" />
|
||||
<SidebarLink url={url} href="/_/system/line-chart" title="Line Chart" />
|
||||
<SidebarLink url={url} href="/_/system/list-editor" title="List Editor" />
|
||||
<SidebarLink
|
||||
url={url}
|
||||
href="/_/system/line-chart"
|
||||
title="Line Chart"
|
||||
/>
|
||||
<SidebarLink
|
||||
url={url}
|
||||
href="/_/system/list-editor"
|
||||
title="List Editor"
|
||||
/>
|
||||
<SidebarLink url={url} href="/_/system/loaders" title="Loaders" />
|
||||
<SidebarLink url={url} href="/_/system/modals" title="Modals" />
|
||||
<SidebarLink url={url} href="/_/system/notifications" title="Notifications" />
|
||||
<SidebarLink
|
||||
url={url}
|
||||
href="/_/system/notifications"
|
||||
title="Notifications"
|
||||
/>
|
||||
<SidebarLink url={url} href="/_/system/radios" title="Radios" />
|
||||
<SidebarLink url={url} href="/_/system/sliders" title="Sliders" />
|
||||
<SidebarLink url={url} href="/_/system/stats" title="Stats" />
|
||||
@ -195,22 +283,30 @@ export default class SystemPage extends React.Component {
|
||||
<SidebarLink url={url} href="/_/system/tabs" title="Tabs" />
|
||||
<SidebarLink url={url} href="/_/system/toggles" title="Toggles" />
|
||||
<SidebarLink url={url} href="/_/system/tooltips" title="Tooltips" />
|
||||
<SidebarLink url={url} href="/_/system/typography" title="Typography" />
|
||||
<SidebarLink
|
||||
url={url}
|
||||
href="/_/system/typography"
|
||||
title="Typography"
|
||||
/>
|
||||
|
||||
<div
|
||||
css={STYLES_SMALL_LINK}
|
||||
style={{ marginTop: 48 }}
|
||||
onClick={() => {
|
||||
window.open("https://github.com/filecoin-project/slate");
|
||||
}}>
|
||||
}}
|
||||
>
|
||||
<SVG.ExpandBox height="12px" style={{ marginRight: 10 }} />
|
||||
View source
|
||||
</div>
|
||||
<div
|
||||
css={STYLES_SMALL_LINK}
|
||||
onClick={() => {
|
||||
window.open("https://github.com/filecoin-shipyard/js-lotus-client");
|
||||
}}>
|
||||
window.open(
|
||||
"https://github.com/filecoin-shipyard/js-lotus-client"
|
||||
);
|
||||
}}
|
||||
>
|
||||
<SVG.ExpandBox height="12px" style={{ marginRight: 10 }} />
|
||||
JS Lotus Client
|
||||
</div>
|
||||
@ -218,7 +314,8 @@ export default class SystemPage extends React.Component {
|
||||
css={STYLES_SMALL_LINK}
|
||||
onClick={() => {
|
||||
window.open("https://github.com/textileio/js-powergate-client");
|
||||
}}>
|
||||
}}
|
||||
>
|
||||
<SVG.ExpandBox height="12px" style={{ marginRight: 10 }} />
|
||||
JS Powergate Client
|
||||
</div>
|
||||
@ -226,7 +323,8 @@ export default class SystemPage extends React.Component {
|
||||
css={STYLES_SMALL_LINK}
|
||||
onClick={() => {
|
||||
window.open("https://docs.textile.io/");
|
||||
}}>
|
||||
}}
|
||||
>
|
||||
<SVG.ExpandBox height="12px" style={{ marginRight: 10 }} />
|
||||
Textile Documentation
|
||||
</div>
|
||||
@ -234,7 +332,8 @@ export default class SystemPage extends React.Component {
|
||||
css={STYLES_SMALL_LINK}
|
||||
onClick={() => {
|
||||
window.open("https://docs.lotu.sh/");
|
||||
}}>
|
||||
}}
|
||||
>
|
||||
<SVG.ExpandBox height="12px" style={{ marginRight: 10 }} />
|
||||
Lotus Documentation
|
||||
</div>
|
||||
@ -242,7 +341,8 @@ export default class SystemPage extends React.Component {
|
||||
css={STYLES_SMALL_LINK}
|
||||
onClick={() => {
|
||||
window.open("https://docs.filecoin.io/");
|
||||
}}>
|
||||
}}
|
||||
>
|
||||
<SVG.ExpandBox height="12px" style={{ marginRight: 10 }} />
|
||||
Filecoin Documentation
|
||||
</div>
|
||||
@ -250,7 +350,8 @@ export default class SystemPage extends React.Component {
|
||||
css={STYLES_SMALL_LINK}
|
||||
onClick={() => {
|
||||
window.open("https://filecoin.io/#community");
|
||||
}}>
|
||||
}}
|
||||
>
|
||||
<SVG.ExpandBox height="12px" style={{ marginRight: 10 }} />
|
||||
Community
|
||||
</div>
|
||||
|
||||
@ -218,7 +218,8 @@ export default class SceneSignIn extends React.Component {
|
||||
full
|
||||
style={{ marginTop: 24 }}
|
||||
loading={this.state.loading}
|
||||
onClick={this._handleCheckUsername}>
|
||||
onClick={this._handleCheckUsername}
|
||||
>
|
||||
Continue
|
||||
</System.ButtonPrimary>
|
||||
</div>
|
||||
@ -237,7 +238,9 @@ export default class SceneSignIn extends React.Component {
|
||||
<div css={STYLES_POPOVER} key={this.state.scene}>
|
||||
<Avatar
|
||||
size={112}
|
||||
url={"/public/static/new-brand-teaser.png"}
|
||||
url={
|
||||
"https://bafkreibf3hoiyuk2ywjyoy24ywaaclo4k5rz53flesvr5h4qjlyzxamozm.ipfs.slate.textile.io/"
|
||||
}
|
||||
style={{ margin: "48px auto 64px auto", display: "block" }}
|
||||
/>
|
||||
|
||||
@ -245,7 +248,8 @@ export default class SceneSignIn extends React.Component {
|
||||
{this.state.username} is available!
|
||||
</System.H3>
|
||||
<System.P
|
||||
style={{ marginTop: 16, marginBottom: 24, textAlign: "center" }}>
|
||||
style={{ marginTop: 16, marginBottom: 24, textAlign: "center" }}
|
||||
>
|
||||
Enter a password to create an account.
|
||||
</System.P>
|
||||
|
||||
@ -263,7 +267,8 @@ export default class SceneSignIn extends React.Component {
|
||||
full
|
||||
style={{ marginTop: 24 }}
|
||||
onClick={!this.state.loading ? this._handleSubmit : () => {}}
|
||||
loading={this.state.loading}>
|
||||
loading={this.state.loading}
|
||||
>
|
||||
Create account
|
||||
</System.ButtonPrimary>
|
||||
</div>
|
||||
@ -272,7 +277,8 @@ export default class SceneSignIn extends React.Component {
|
||||
css={STYLES_LINK_ITEM}
|
||||
onClick={() => {
|
||||
this.setState({ scene: "WELCOME", loading: false });
|
||||
}}>
|
||||
}}
|
||||
>
|
||||
⭢ Already have an account?
|
||||
</div>
|
||||
</div>
|
||||
@ -290,11 +296,13 @@ export default class SceneSignIn extends React.Component {
|
||||
/>
|
||||
|
||||
<System.H3
|
||||
style={{ fontWeight: 700, textAlign: "center", display: "block" }}>
|
||||
style={{ fontWeight: 700, textAlign: "center", display: "block" }}
|
||||
>
|
||||
Welcome back {Strings.getPresentationName(this.state.user)}!
|
||||
</System.H3>
|
||||
<System.P
|
||||
style={{ marginTop: 16, marginBottom: 24, textAlign: "center" }}>
|
||||
style={{ marginTop: 16, marginBottom: 24, textAlign: "center" }}
|
||||
>
|
||||
Enter your password to access your account, slates, and the
|
||||
developer API.
|
||||
</System.P>
|
||||
@ -313,7 +321,8 @@ export default class SceneSignIn extends React.Component {
|
||||
full
|
||||
style={{ marginTop: 32 }}
|
||||
onClick={!this.state.loading ? this._handleSubmit : () => {}}
|
||||
loading={this.state.loading}>
|
||||
loading={this.state.loading}
|
||||
>
|
||||
Sign in
|
||||
</System.ButtonPrimary>
|
||||
</div>
|
||||
@ -322,7 +331,8 @@ export default class SceneSignIn extends React.Component {
|
||||
css={STYLES_LINK_ITEM}
|
||||
onClick={() => {
|
||||
this.setState({ scene: "WELCOME", loading: false });
|
||||
}}>
|
||||
}}
|
||||
>
|
||||
⭢ Not {Strings.getPresentationName(this.state.user)}? Sign in as
|
||||
someone else.
|
||||
</div>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user