mirror of
https://github.com/filecoin-project/slate.git
synced 2024-12-22 16:41:38 +03:00
0.0.6 - loaders, no circular dependencies, preview
This commit is contained in:
parent
464db9f424
commit
08026db7af
@ -1,7 +1,14 @@
|
|||||||
import * as React from "react";
|
import * as React from "react";
|
||||||
import * as Constants from "~/common/constants";
|
import * as Constants from "~/common/constants";
|
||||||
|
|
||||||
import { Input, SelectMenu, CheckBox, ButtonPrimaryFull } from "~/components/system";
|
import { Input } from "~/components/system/components/Input";
|
||||||
|
import {
|
||||||
|
SelectMenu,
|
||||||
|
} from "~/components/system/components/SelectMenus";
|
||||||
|
import { CheckBox } from "~/components/system/components/CheckBox";
|
||||||
|
import {
|
||||||
|
ButtonPrimaryFull,
|
||||||
|
} from "~/components/system/components/Buttons";
|
||||||
import { css } from "@emotion/react";
|
import { css } from "@emotion/react";
|
||||||
|
|
||||||
const SELECT_MENU_OPTIONS = [
|
const SELECT_MENU_OPTIONS = [
|
||||||
|
@ -1,6 +1,9 @@
|
|||||||
import * as React from "react";
|
import * as React from "react";
|
||||||
import * as Constants from "~/common/constants";
|
import * as Constants from "~/common/constants";
|
||||||
import * as System from "~/components/system";
|
import {
|
||||||
|
ButtonPrimaryFull,
|
||||||
|
ButtonSecondaryFull,
|
||||||
|
} from "~/components/system/components/Buttons";
|
||||||
|
|
||||||
import { css } from "@emotion/react";
|
import { css } from "@emotion/react";
|
||||||
|
|
||||||
@ -93,16 +96,16 @@ export class CreateFilecoinStorageDeal extends React.Component {
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
) : null}
|
) : null}
|
||||||
<System.ButtonSecondaryFull type="label" htmlFor="file">
|
<ButtonSecondaryFull type="label" htmlFor="file">
|
||||||
Add file
|
Add file
|
||||||
</System.ButtonSecondaryFull>
|
</ButtonSecondaryFull>
|
||||||
{this.state.file ? (
|
{this.state.file ? (
|
||||||
<System.ButtonPrimaryFull
|
<ButtonPrimaryFull
|
||||||
style={{ marginTop: 24 }}
|
style={{ marginTop: 24 }}
|
||||||
onClick={this._handleSubmit}
|
onClick={this._handleSubmit}
|
||||||
>
|
>
|
||||||
Make storage deal
|
Make storage deal
|
||||||
</System.ButtonPrimaryFull>
|
</ButtonPrimaryFull>
|
||||||
) : null}
|
) : null}
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
|
@ -1,8 +1,8 @@
|
|||||||
import * as React from "react";
|
import * as React from "react";
|
||||||
import * as Constants from "~/common/constants";
|
import * as Constants from "~/common/constants";
|
||||||
import * as Strings from "~/common/strings";
|
import * as Strings from "~/common/strings";
|
||||||
import * as System from "~/components/system";
|
|
||||||
|
|
||||||
|
import { Table } from "~/components/system/components/Table";
|
||||||
import { css } from "@emotion/react";
|
import { css } from "@emotion/react";
|
||||||
|
|
||||||
const STYLES_CONTAINER = css`
|
const STYLES_CONTAINER = css`
|
||||||
@ -18,7 +18,7 @@ const STYLES_CONTAINER = css`
|
|||||||
export const FilecoinBalancesList = (props) => {
|
export const FilecoinBalancesList = (props) => {
|
||||||
return (
|
return (
|
||||||
<div css={STYLES_CONTAINER}>
|
<div css={STYLES_CONTAINER}>
|
||||||
<System.Table
|
<Table
|
||||||
data={{
|
data={{
|
||||||
columns: [
|
columns: [
|
||||||
{
|
{
|
||||||
|
@ -1,9 +1,9 @@
|
|||||||
import * as React from "react";
|
import * as React from "react";
|
||||||
import * as Constants from "~/common/constants";
|
import * as Constants from "~/common/constants";
|
||||||
import * as Strings from "~/common/strings";
|
import * as Strings from "~/common/strings";
|
||||||
import * as System from "~/components/system";
|
|
||||||
|
|
||||||
import { css } from "@emotion/react";
|
import { css } from "@emotion/react";
|
||||||
|
import { Table } from "~/components/system/components/Table";
|
||||||
|
|
||||||
import Group from "~/components/system/Group";
|
import Group from "~/components/system/Group";
|
||||||
|
|
||||||
@ -38,7 +38,7 @@ export class FilecoinStorageDealsList extends React.Component {
|
|||||||
render() {
|
render() {
|
||||||
return (
|
return (
|
||||||
<Group title="Storage Deals">
|
<Group title="Storage Deals">
|
||||||
<System.Table
|
<Table
|
||||||
data={{
|
data={{
|
||||||
columns: [
|
columns: [
|
||||||
{
|
{
|
||||||
@ -95,7 +95,7 @@ export class FilecoinRetrievalDealsList extends React.Component {
|
|||||||
render() {
|
render() {
|
||||||
return (
|
return (
|
||||||
<Group title="Retrieval Deals">
|
<Group title="Retrieval Deals">
|
||||||
<System.Table
|
<Table
|
||||||
data={{
|
data={{
|
||||||
columns: [
|
columns: [
|
||||||
{
|
{
|
||||||
|
@ -1,7 +1,7 @@
|
|||||||
import * as React from "react";
|
import * as React from "react";
|
||||||
import * as Constants from "~/common/constants";
|
import * as Constants from "~/common/constants";
|
||||||
import { Table } from "~/components/system";
|
|
||||||
|
|
||||||
|
import { Table } from "~/components/system/components/Table";
|
||||||
import { css } from "@emotion/react";
|
import { css } from "@emotion/react";
|
||||||
|
|
||||||
const STYLES_CONTAINER = css`
|
const STYLES_CONTAINER = css`
|
||||||
|
@ -1,7 +1,10 @@
|
|||||||
import * as React from "react";
|
import * as React from "react";
|
||||||
import * as Constants from "~/common/constants";
|
import * as Constants from "~/common/constants";
|
||||||
import * as System from "~/components/system";
|
|
||||||
|
|
||||||
|
import { Input } from "~/components/system/components/Input";
|
||||||
|
import {
|
||||||
|
ButtonPrimaryFull,
|
||||||
|
} from "~/components/system/components/Buttons";
|
||||||
import { css } from "@emotion/react";
|
import { css } from "@emotion/react";
|
||||||
|
|
||||||
const STYLES_CONTAINER = css`
|
const STYLES_CONTAINER = css`
|
||||||
@ -40,14 +43,14 @@ export class SendAddressFilecoin extends React.Component {
|
|||||||
render() {
|
render() {
|
||||||
return (
|
return (
|
||||||
<div css={STYLES_CONTAINER}>
|
<div css={STYLES_CONTAINER}>
|
||||||
<System.Input
|
<Input
|
||||||
label="From"
|
label="From"
|
||||||
name="source"
|
name="source"
|
||||||
value={this.state.source}
|
value={this.state.source}
|
||||||
onChange={this._handleChange}
|
onChange={this._handleChange}
|
||||||
/>
|
/>
|
||||||
|
|
||||||
<System.Input
|
<Input
|
||||||
containerStyle={{ marginTop: 24 }}
|
containerStyle={{ marginTop: 24 }}
|
||||||
label="To"
|
label="To"
|
||||||
name="target"
|
name="target"
|
||||||
@ -55,7 +58,7 @@ export class SendAddressFilecoin extends React.Component {
|
|||||||
onChange={this._handleChange}
|
onChange={this._handleChange}
|
||||||
/>
|
/>
|
||||||
|
|
||||||
<System.Input
|
<Input
|
||||||
containerStyle={{ marginTop: 24 }}
|
containerStyle={{ marginTop: 24 }}
|
||||||
label="Amount (Filecoin)"
|
label="Amount (Filecoin)"
|
||||||
name="amount"
|
name="amount"
|
||||||
@ -64,12 +67,12 @@ export class SendAddressFilecoin extends React.Component {
|
|||||||
onChange={this._handleChange}
|
onChange={this._handleChange}
|
||||||
/>
|
/>
|
||||||
|
|
||||||
<System.ButtonPrimaryFull
|
<ButtonPrimaryFull
|
||||||
style={{ marginTop: 48 }}
|
style={{ marginTop: 48 }}
|
||||||
onClick={this._handleSubmit}
|
onClick={this._handleSubmit}
|
||||||
>
|
>
|
||||||
Send {this.state.amount} FIL
|
Send {this.state.amount} FIL
|
||||||
</System.ButtonPrimaryFull>
|
</ButtonPrimaryFull>
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
6
dist/index.js
vendored
6
dist/index.js
vendored
File diff suppressed because one or more lines are too long
Loading…
Reference in New Issue
Block a user