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

Tweaked discord markdown

Browse Source
This commit is contained in:
Spectralitree
2020-12-09 22:40:14 +01:00
parent bc13cced34
commit 63eecd3f94
9 changed files with 484 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/Components/MemberCard.js
View File

@@ -6,7 +6,7 @@ import { FaUser } from "react-icons/fa";
export default function MemberCard(props) {
const { toHTML } = require('discord-markdown');
const { toHTML } = require('../Functions/discord-parser.js');
const [ desc, setDesc ] = useState("");
const [ color, setColor ] = useState("");
@@ -33,7 +33,7 @@ export default function MemberCard(props) {
<BS.Image src={defaultAvatar} style={{width: 50, height: 50}} className="float-right" roundedCircle />}
</BS.Accordion.Toggle>
<BS.Accordion.Collapse eventKey={member.id}>
<BS.Card.Body style={{'border-left': `5px solid #${color}` }}>
<BS.Card.Body style={{borderLeft: `5px solid #${color}` }}>
<BS.Row>
<BS.Col className="mb-lg-3" xs={12} lg={3}><b>ID:</b> {member.id}</BS.Col>
{ member.display_name ? <BS.Col className="mb-lg-3" xs={12} lg={3}><b>AKA: </b>{member.display_name}</BS.Col> : "" }

2
src/Components/Memberlist.js
View File

@@ -56,7 +56,7 @@ export default function Memberlist() {
<BS.Alert variant="danger">Error fetching members.</BS.Alert> :
<>
<BS.Row className="justify-content-md-center">
<BS.Col xs={12} md={4}>
<BS.Col xs={12} lg={4}>
<BS.Form inline>
<BS.Form.Control className="w-100" value={value} onChange={e => setValue(e.target.value)} placeholder="Search"/>
</BS.Form>

6
src/Components/Navigation.js
View File

@@ -17,11 +17,11 @@ export default function Navigation(props) {
}
return (
<BS.Navbar className="mb-3 d-flex align-items-center justify-content-between light" expand="md">
<BS.Navbar className="mb-3 align-items-center justify-content-between">
<BS.Navbar.Brand>
pk-web
</BS.Navbar.Brand>
<BS.Nav className="mr-md-2">
<BS.Nav className="mr-lg-2 d-flex align-items-center row">
<Toggle
defaultChecked={true}
icons={false}
@@ -29,7 +29,7 @@ export default function Navigation(props) {
{darkMode.value ? <FaMoon className="m-1"/> : <FaSun className="m-1"/>}
</BS.Nav>
<BS.Form inline>
{ localStorage.getItem('token') ? <BS.Button className=" mr-md-2" variant="primary" onClick={logOut}>Log Out</BS.Button> : "" }
{ localStorage.getItem('token') ? <BS.Button className=" mr-lg-2" variant="primary" onClick={logOut}>Log Out</BS.Button> : "" }
</BS.Form>
</BS.Navbar>
)

2
src/Components/System.js
View File

@@ -6,7 +6,7 @@ import defaultAvatar from '../default_discord_avatar.png'
export default function System(props) {
const { toHTML } = require('discord-markdown');
const { toHTML } = require('../Functions/discord-parser.js');
const [ desc, setDesc ] = useState("");
const user = JSON.parse(localStorage.getItem("user"));