{"size": 1706, "ext": "js", "max_stars_repo_path": "src/components/Dashboard.js", "max_stars_repo_name": "sultalish/BerlogaHub", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/components/Dashboard.js", "max_issues_repo_name": "sultalish/BerlogaHub", "max_issues_repo_issues_event_min_datetime": "2022-02-23T18:05:33.000Z", "max_issues_repo_issues_event_max_datetime": "2022-02-23T18:10:56.000Z", "max_forks_repo_path": "src/components/Dashboard.js", "max_forks_repo_name": "sultalish/BerlogaHub", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": 9, "max_forks_count": null, "avg_line_length": 50.1764705882, "max_line_length": 191, "alphanum_fraction": 0.5468933177}
import React from 'react';
import { Button, Form, Grid, Header, Icon, Message, Segment } from 'semantic-ui-react';
import { Link } from 'react-router-dom';

class Dashboard extends React.Component {
    state = {};
    handleChange = () => { };

    render() {
        return (
            <Grid textAlign="center" verticalAlign="middle">
                <Grid.Column style={{ maxWidth: 450 }}>
                    <Header as="h2" color="green" textAlign="center">
                        <Icon name="puzzle piece" color="green" />
                        Dashboard for BerlogaHub
                    </Header>
                    <Form size="large">
                        <Segment stacked>
                            <Form.Input fluid name="username" icon="user" iconPosition="left" placeholder="username" onChange={this.handleChange} type="text" />
                            <Form.Input fluid name="email" icon="mail" iconPosition="left" placeholder="Email Address" onChange={this.handleChange} type="email" />
                            <Form.Input fluid name="password" icon="lock" iconPosition="left" placeholder="Password" onChange={this.handleChange} type="password" />
                            <Form.Input fluid name="passwordConfirmation" icon="repeat" iconPosition="left" placeholder="Password Confirmation" onChange={this.handleChange} type="password" />

                            <Button color="green" fluid size="large">Submit</Button>
                        </Segment>
                    </Form>
                    <Message>Already a user? <Link to="/login">Login</Link></Message>
                </Grid.Column>
            </Grid>
        )
    }
};

export default Dashboard;