slate/scenes/ScenePaymentChannels.js

95 lines
2.9 KiB
JavaScript
Raw Normal View History

import * as React from "react";
import * as Strings from "~/common/strings";
import * as Constants from "~/common/constants";
import * as System from "~/components/system";
import * as SchemaTable from "~/common/schema-table";
import { css } from "@emotion/react";
import Section from "~/components/core/Section";
import ScenePage from "~/components/core/ScenePage";
export default class ScenePaymentChannels extends React.Component {
state = { sub_navigation: "1" };
_handleChange = (e) => {
this.setState({ [e.target.name]: e.target.value });
};
render() {
return (
<ScenePage>
<System.H1>Payment channels</System.H1>
<System.CardTabGroup
style={{ marginTop: 24 }}
name="sub_navigation"
options={[
{ value: "1", label: "Active channels" },
{ value: "2", label: "Redeemed channels" },
]}
value={this.state.sub_navigation}
onChange={this._handleChange}
/>
{this.state.sub_navigation === "1" ? (
<Section
onAction={this.props.onAction}
onNavigateTo={this.props.onNavigateTo}
title="Active payment channels"
buttons={[
{
name: "Create new",
type: "SIDEBAR",
value: "SIDEBAR_CREATE_PAYMENT_CHANNEL",
},
{
name: "Export",
type: "DOWNLOAD",
value: "CSV_ACTIVE_PAYMENT_CHANNELS",
},
]}>
<System.Table
onAction={this.props.onAction}
onNavigateTo={this.props.onNavigateTo}
data={{
columns: SchemaTable.ActivePaymentChannel,
rows: this.props.viewer.payment_channels_active,
}}
selectedRowId={this.state.table_payment_channels_active}
onChange={this._handleChange}
name="table_payment_channels_active"
/>
</Section>
) : null}
{this.state.sub_navigation === "2" ? (
<Section
onAction={this.props.onAction}
onNavigateTo={this.props.onNavigateTo}
title="Redeemed payment channels"
buttons={[
{
name: "Export",
type: "DOWNLOAD",
value: "CSV_REDEEMED_PAYMENT_CHANNELS",
},
]}>
<System.Table
onAction={this.props.onAction}
onNavigateTo={this.props.onNavigateTo}
data={{
columns: SchemaTable.RedeemedPaymentChannel,
rows: this.props.viewer.payment_channels_redeemed,
}}
selectedRowId={this.state.table_payment_channels_redeemed}
onChange={this._handleChange}
name="table_payment_channels_redeemed"
/>
</Section>
) : null}
</ScenePage>
);
}
}