0.0.6 - loaders, no circular dependencies, preview

This commit is contained in:
@wwwjim 2020-07-20 17:05:45 -07:00
parent 464db9f424
commit 08026db7af
7 changed files with 34 additions and 21 deletions

View File

@ -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 = [

View File

@ -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>
); );

View File

@ -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: [
{ {

View File

@ -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: [
{ {

View File

@ -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`

View File

@ -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

File diff suppressed because one or more lines are too long