diff --git a/frontend/src/components/sidebar/Sidebar.tsx b/frontend/src/components/sidebar/Sidebar.tsx index b37ef138d..db228619a 100644 --- a/frontend/src/components/sidebar/Sidebar.tsx +++ b/frontend/src/components/sidebar/Sidebar.tsx @@ -15,8 +15,15 @@ import { useTheme } from "../../state/ThemeProvider"; const Sidebar: Component<{}> = () => { const { sidebar, servers } = useAppState(); const { height } = useAppDimensions(); - const { permissions } = useUser(); + const { permissions, username } = useUser(); const { themeClass } = useTheme(); + const filteredServerIds = () => + servers + .ids() + ?.filter( + (id) => + permissions() > 1 || servers.get(id)!.owners.includes(username()!) + ); return ( = () => { "max-height": inPx(height() - TOPBAR_HEIGHT - 80), }} > - {(id) => } + {(id) => } 1}> diff --git a/frontend/src/components/sidebar/builds/Builds.tsx b/frontend/src/components/sidebar/builds/Builds.tsx index 00af36034..f20307df6 100644 --- a/frontend/src/components/sidebar/builds/Builds.tsx +++ b/frontend/src/components/sidebar/builds/Builds.tsx @@ -11,16 +11,23 @@ import NewBuild from "./NewBuild"; const Builds: Component<{}> = (p) => { const { builds } = useAppState(); - const { permissions } = useUser(); + const { permissions, username } = useUser(); const { themeClass } = useTheme(); + const filteredBuildIds = () => + builds + .ids() + ?.filter( + (id) => + permissions() > 1 || builds.get(id)!.owners.includes(username()!) + ); return ( no builds - {(id) => } + {(id) => } = 1}>