roleypoly/v1
1
0
Fork 0
mirror of https://github.com/roleypoly/roleypoly-v1.git synced 2025-06-16 18:29:08 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

chore: prettier on UI

Browse source
This commit is contained in:
Katie Thornhill 2019-11-19 23:04:09 -05:00
parent 912b40c383
commit 4b75eaa0ab
No known key found for this signature in database
GPG key ID: F76EDC6541A99644
49 changed files with 1703 additions and 1267 deletions
Download patch file Download diff file Expand all files Collapse all files

17
UI/src/pages/Error404.js
View file

@ -1,14 +1,19 @@
import React from 'react'
import './landing.sass'
import React from 'react';
import './landing.sass';
const Error404 = ({ root = false }) =>
const Error404 = ({ root = false }) => (
<div className="landing uk-width-1-1 uk-text-center">
<div className="uk-container">
<section>
<h1><span role="img">💔</span> g-gomen nasai</h1>
<h4>I'm not sure what page you were looking for <span role="img">😢</span></h4>
<h1>
<span role="img">💔</span> g-gomen nasai
</h1>
<h4>
I'm not sure what page you were looking for <span role="img">😢</span>
</h4>
</section>
</div>
</div>
);
export default Error404
export default Error404;

29
UI/src/pages/Landing.js
View file

@ -1,14 +1,14 @@
import React, { Component, Fragment } from 'react'
import { Link } from 'react-router-dom'
import Scrollbars from 'react-custom-scrollbars'
import Typist from 'react-typist'
import moment from 'moment'
import './landing.sass'
import discordLogo from './images/discord-logo.svg'
import RoleypolyDemo from '../components/demos/roleypoly'
import TypingDemo from '../components/demos/typing'
import React, { Component, Fragment } from 'react';
import { Link } from 'react-router-dom';
import Scrollbars from 'react-custom-scrollbars';
import Typist from 'react-typist';
import moment from 'moment';
import './landing.sass';
import discordLogo from './images/discord-logo.svg';
import RoleypolyDemo from '../components/demos/roleypoly';
import TypingDemo from '../components/demos/typing';
const Landing = ({ root = false }) =>
const Landing = ({ root = false }) => (
<div className="landing uk-width-1-1 uk-text-center">
<div className="uk-container">
<section>
@ -16,7 +16,9 @@ const Landing = ({ root = false }) =>
<h4>Ditch bot commands once and for all.</h4>
</section>
<section>
<Link to="/oauth/flow" className="uk-button rp-button discord"><img src={discordLogo} className="rp-button-logo"/> Sign in with Discord</Link>
<Link to="/oauth/flow" className="uk-button rp-button discord">
<img src={discordLogo} className="rp-button-logo" /> Sign in with Discord
</Link>
</section>
<section uk-grid="">
{/* Typist */}
@ -27,9 +29,10 @@ const Landing = ({ root = false }) =>
{/* role side */}
<div className="uk-width-1-2">
<RoleypolyDemo />
<p className="subtext">It's {(new Date()).getUTCFullYear()}. We can do better.</p>
<p className="subtext">It's {new Date().getUTCFullYear()}. We can do better.</p>
</div>
</section>
</div>
</div>
export default Landing
);
export default Landing;

46
UI/src/pages/WhyNoRoles.js
View file

@ -1,19 +1,33 @@
import React, { Fragment } from 'react'
import React, { Fragment } from 'react';
import goodImg from './images/whynoroles-good.png'
import badImg from './images/whynoroles-bad.png'
import goodImg from './images/whynoroles-good.png';
import badImg from './images/whynoroles-bad.png';
const WhyNoRoles = (props) => {
return <Fragment>
<h2>Why don't I see any roles in my editor?</h2>
<p>Roleypoly needs to be a higher role position than other roles in order to assign them to anyone.</p>
<h3 className="pages__bad">Bad <i uk-icon="icon: ban"></i></h3>
<img src={badImg} className="rp-discord" alt="Bad example"/>
<p>In this example, Roleypoly is at the bottom of the list. It can't assign anyone any roles above it.</p>
<h3 className="pages__good">Good <i uk-icon="icon: check"></i></h3>
<img src={goodImg} className="rp-discord" alt="Good example"/>
<p>In this example, Roleypoly is above other roles, and will be able to assign them.</p>
</Fragment>
}
const WhyNoRoles = props => {
return (
<Fragment>
<h2>Why don't I see any roles in my editor?</h2>
<p>
Roleypoly needs to be a higher role position than other roles in order to assign
them to anyone.
</p>
<h3 className="pages__bad">
Bad <i uk-icon="icon: ban"></i>
</h3>
<img src={badImg} className="rp-discord" alt="Bad example" />
<p>
In this example, Roleypoly is at the bottom of the list. It can't assign anyone
any roles above it.
</p>
<h3 className="pages__good">
Good <i uk-icon="icon: check"></i>
</h3>
<img src={goodImg} className="rp-discord" alt="Good example" />
<p>
In this example, Roleypoly is above other roles, and will be able to assign them.
</p>
</Fragment>
);
};
export default WhyNoRoles
export default WhyNoRoles;

46
UI/src/pages/index.js
View file

@ -1,25 +1,27 @@
import React from 'react'
import { Route, Switch } from 'react-router-dom'
import Scrollbars from 'react-custom-scrollbars'
import './pages.sass'
import React from 'react';
import { Route, Switch } from 'react-router-dom';
import Scrollbars from 'react-custom-scrollbars';
import './pages.sass';
import WhyNoRoles from './WhyNoRoles'
import Error404 from './Error404'
export { default as Landing } from './Landing'
export { default as Error404 } from './Error404'
import WhyNoRoles from './WhyNoRoles';
import Error404 from './Error404';
export { default as Landing } from './Landing';
export { default as Error404 } from './Error404';
const Pages = (props) => {
return <div className="pages">
<Scrollbars autoHeight autoHeightMax='calc(100vh - 80px)'>
<div className="pages-inner">
<Switch>
<Route path="/help/why-no-roles" component={WhyNoRoles} />
{/* { isDev ? <Route path="/p/landing" component={Landing} /> : null } */}
<Route component={Error404} />
</Switch>
</div>
</Scrollbars>
</div>
}
const Pages = props => {
return (
<div className="pages">
<Scrollbars autoHeight autoHeightMax="calc(100vh - 80px)">
<div className="pages-inner">
<Switch>
<Route path="/help/why-no-roles" component={WhyNoRoles} />
{/* { isDev ? <Route path="/p/landing" component={Landing} /> : null } */}
<Route component={Error404} />
</Switch>
</div>
</Scrollbars>
</div>
);
};
export default Pages
export default Pages;