liz/PluralKit
liz/PluralKit
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

add member page toggles

Browse Source
This commit is contained in:
Spectralitree 2021-01-06 00:05:34 +01:00
parent 3c82738025
commit a980b160b2
1 changed files with 36 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

37
src/App.js
View File

@ -121,6 +121,7 @@ export default function App() {
</BS.Navbar>
<BS.Container>
<Switch>
<Redirect exact from="/pk-webs/dash/reload" to="/pk-webs/dash" />
<Route path="/pk-webs/dash">
{ !localStorage.getItem('token') || isInvalid ? <Redirect to="/pk-webs"/> : <Dash />
}
@ -167,7 +168,7 @@ export default function App() {
<p>Change how you view and use pk-webs here, changes will be saved after refreshing. You will have to apply them again in different browsers and on different devices.</p>
<hr/>
<BS.Row>
<BS.Col xs={12} lg={4} className="mx-1 mb-2 d-flex align-items-center row">
<BS.Col xs={12} lg={4} className="mx-1 mb-4 d-flex align-items-center row">
{ localStorage.getItem('opendyslexic') ?
<Toggle className="mr-2"
defaultChecked={true}
@ -183,7 +184,7 @@ export default function App() {
forceUpdate()}} /> }
Use opendyslexic?
</BS.Col>
<BS.Col xs={12} lg={4} className="mx-1 mb-2 d-flex align-items-center row">
<BS.Col xs={12} lg={4} className="mx-1 mb-4 d-flex align-items-center row">
{ localStorage.getItem('twemoji') ?
<Toggle className="mr-2"
defaultChecked={true}
@ -199,6 +200,38 @@ export default function App() {
forceUpdate()}} /> }
Use twemoji?
</BS.Col>
<BS.Col xs={12} lg={4} className="mx-1 mb-4 d-flex align-items-center row">
{ localStorage.getItem('pagesonly') ?
<Toggle className="mr-2"
defaultChecked={true}
icons={false}
onChange={() => {
localStorage.removeItem('pagesonly');
forceUpdate()}} /> :
<Toggle className="mr-2"
defaultChecked={false}
icons={false}
onChange={() => {
localStorage.setItem('pagesonly', 'true')
forceUpdate()}} /> }
Use only member pages?
</BS.Col>
<BS.Col xs={12} lg={4} className="mx-1 mb-4 d-flex align-items-center row">
{ localStorage.getItem('colorbg') ?
<Toggle className="mr-2"
defaultChecked={true}
icons={false}
onChange={() => {
localStorage.removeItem('colorbg');
forceUpdate()}} /> :
<Toggle className="mr-2"
defaultChecked={false}
icons={false}
onChange={() => {
localStorage.setItem('colorbg', 'false')
forceUpdate()}} /> }
Hide colored backgrounds?
</BS.Col>
</BS.Row>
</BS.Card.Body>
</BS.Card>