1
0
mirror of https://github.com/mgerb/go-discord-bot synced 2026-01-11 17:42:48 +00:00

changes for public use

This commit is contained in:
2017-03-27 18:46:03 -05:00
committed by mgerb42
parent 39861a62bc
commit 1626bdddcd
25 changed files with 58 additions and 2789 deletions

View File

@@ -6,14 +6,10 @@ import Wrapper from './Wrapper';
import Soundboard from './pages/Soundboard/Soundboard';
import NotFound from './pages/NotFound/NotFound';
//pages
import Home from './pages/Home/Home';
ReactDOM.render(
<Router history={browserHistory}>
<Route path="/" component={Wrapper}>
<IndexRoute component={Home}/>
<Route path="/soundboard" component={Soundboard}/>
<IndexRoute component={Soundboard}/>
<Route path="*" component={NotFound}/>
</Route>
</Router>

View File

@@ -8,12 +8,8 @@ export default class Navbar extends React.Component {
render() {
return (
<div className="Navbar">
<div className="Navbar__header">GoBot</div>
<Link to="/" className="Navbar__item" onlyActiveOnIndex activeClassName="Navbar__item--active">Home</Link>
<Link to="/soundboard" className="Navbar__item" activeClassName="Navbar__item--active">Soundboard</Link>
<div className="link">
<a href="https://discordapp.com/invite/0Z2tzxKECEj2BHwj" target="_blank">Join the discord</a>
</div>
<div className="Navbar__header">Sound<br/>Bot</div>
<Link to="/" className="Navbar__item" onlyActiveOnIndex activeClassName="Navbar__item--active">Soundboard</Link>
</div>
);
}
@@ -21,4 +17,4 @@ export default class Navbar extends React.Component {
Navbar.propTypes = {
children: React.PropTypes.node,
};
};

View File

@@ -12,14 +12,6 @@
border-right: 1px solid darken($gray2, 2%);
overflow-y: auto;
padding-bottom: 10px;
.link {
display: flex;
flex: 1;
flex-direction: column;
justify-content: flex-end;
text-align: center;
}
}
.Navbar__header {
@@ -28,6 +20,7 @@
display: flex;
align-items: center;
justify-content: center;
text-align: center;
background-color: $primaryBlue;
border-bottom: 1px solid $gray3;
}

View File

@@ -1,23 +0,0 @@
import React from 'react';
import './Home.scss';
export default class Home extends React.Component {
render() {
return (
<div className="Home">
<div className="Card">
<div className="Card__header">
GoBot Early Access Pre Pre Alpha
</div>
<p>This application is a work in progress.</p>
<p>Check out the source code on
<a href="https://github.com/mgerb/GoBot" target="_blank"> GitHub
<i className="fa fa-github" aria-hidden="true"></i>
</a>
</p>
</div>
</div>
);
}
}

View File

@@ -1,5 +0,0 @@
@import "../../scss/variables";
.Home {
padding: 10px;
}

View File

@@ -77,6 +77,18 @@ export default class Soundboard extends React.Component {
return (
<div className="Soundboard">
<div className="column">
<div className="Card">
<div className="Card__header">
Discord Sound Bot
</div>
<p>Drag and drop files to upload. The sounds can then be played in discord by typing the commands below.</p>
<p>Check out the source code on
<a href="https://github.com/mgerb/GoBot" target="_blank"> GitHub
<i className="fa fa-github" aria-hidden="true"></i>
</a>
</p>
<p>Follow the readme to set up your own bot!</p>
</div>
<SoundList ref="SoundList"/>
</div>

View File

@@ -28,6 +28,7 @@ body {
border-radius: 5px;
max-width: 800px;
padding: 10px;
margin-bottom: 20px;
border: 1px solid $gray3;
}