Skip to content
Snippets Groups Projects
  • jkrvivian's avatar
    0a6095d0
    feat: Add payload layouts to dashboard (#425) · 0a6095d0
    jkrvivian authored
    * fix: Rename SPA to dashboard and disable portcheck of peer_replica
    
    * feat: Add data & unknown type of payload to dashboard
    
    * refactor: Implement paylaod interface that allows different json structs
    
    * feat: Implement Drng paylaod
    
    * refactor: Use Listgroup for layout consistency
    
    * doc: Add description
    
    * feat: Implement Value payload handler
    
    * feat: Add Value payload layout
    
    * refactor: Refactor payload layouts
    
    * refactor: Remove debug print out
    
    * fix: Remove redundant assignment
    
    * refactor: Fix :dog:
    
    * refactor: Fix :dog:
    feat: Add payload layouts to dashboard (#425)
    jkrvivian authored
    * fix: Rename SPA to dashboard and disable portcheck of peer_replica
    
    * feat: Add data & unknown type of payload to dashboard
    
    * refactor: Implement paylaod interface that allows different json structs
    
    * feat: Implement Drng paylaod
    
    * refactor: Use Listgroup for layout consistency
    
    * doc: Add description
    
    * feat: Implement Value payload handler
    
    * feat: Add Value payload layout
    
    * refactor: Refactor payload layouts
    
    * refactor: Remove debug print out
    
    * fix: Remove redundant assignment
    
    * refactor: Fix :dog:
    
    * refactor: Fix :dog:
BasicPayload.tsx 791 B
import * as React from 'react';
import Row from "react-bootstrap/Row";
import Col from "react-bootstrap/Col";
import {inject, observer} from "mobx-react";
import ExplorerStore from "app/stores/ExplorerStore";

interface Props {
    explorerStore?: ExplorerStore;
}

@inject("explorerStore")
@observer
export class BasicPayload extends React.Component<Props, any> {

    render() {
        let {payload} = this.props.explorerStore;
        return (
            payload &&
            <React.Fragment>
                <Row className={"mb-3"}>
                    <Col>
                        {payload.content_title}: {' '} 
                        {payload.bytes}
                    </Col>
                </Row>
            </React.Fragment>
        );
    }
}