<script>
    import NavbarMenu from "./NavbarMenu.svelte";
    import { getContext } from "svelte";

    export let schema;
    const channel = getContext("channel");
    const readableSchemas = getContext("readableSchemas");
</script>

<div class="sidebar-top">
    <a class="logo" href={channel.lucentUrl}>{channel.name}</a>
    <a class="nav-item" href="{channel.lucentUrl}/profile"> </a>
</div>
<div class="sidebar">
    <NavbarMenu
        title="Content"
        schemas={readableSchemas.filter((sc) => sc.isEntry)}
        {schema}
        expanded={true}
    />
</div>
