Finish up new sidebar active.

Add rounded corners to sidebar.
This commit is contained in:
Paul
2021-07-01 13:42:53 +01:00
parent c724ffae43
commit 471b4b0847
10 changed files with 40 additions and 31 deletions

View File

@@ -49,7 +49,6 @@ export function Component(props: Props & WithDispatcher) {
function setAccent(accent: string) {
setOverride({
accent,
"sidebar-active": accent,
"scrollbar-thumb": pSBC(-0.2, accent)
});
}

View File

@@ -2,7 +2,7 @@ import { useEffect, useState } from "preact/hooks";
import Button from "../../../components/ui/Button";
import { Servers } from "revolt.js/dist/api/objects";
import Checkbox from "../../../components/ui/Checkbox";
import { ServerPermission } from "revolt.js/dist/api/permissions";
import { ChannelPermission, ServerPermission } from "revolt.js/dist/api/permissions";
interface Props {
server: Servers.Server;
@@ -37,13 +37,25 @@ export function Roles({ server }: Props) {
})
}
<Button disabled={selected === 'default'} error onClick={() => {}}>delete role</Button>
<h2>permmissions</h2>
<h2>server permmissions</h2>
{ Object.keys(ServerPermission)
.map(perm => {
let value = ServerPermission[perm as keyof typeof ServerPermission];
return (
<Checkbox checked={(selectedRole.permissions[0] & value) > 0} onChange={() => {}}>
<Checkbox checked={((selectedRole.permissions[0] >>> 0) & value) > 0} onChange={() => {}}>
{ perm }
</Checkbox>
)
})
}
<h2>channel permmissions</h2>
{ Object.keys(ChannelPermission)
.map(perm => {
let value = ChannelPermission[perm as keyof typeof ChannelPermission];
return (
<Checkbox checked={((selectedRole.permissions[1] >>> 0) & value) > 0} onChange={() => {}}>
{ perm }
</Checkbox>
)