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

    const channel = getContext("channel");
    const user = getContext("user");
</script>


<div class="top-nav ">
    <a class="top-nav-item" href="{channel.lucentUrl}/members">Members</a>

    {#if channel.generateCommand}
        <a href="{channel.lucentUrl}/build-report" class="top-nav-item">Build website</a>
    {/if}
    <!--        <div>-->
    <!--            <form method="GET">-->
    <!--                <input type="search" name="filter[search_regex]" placeholder="Search"-->
    <!--                       class="form-control" required/>-->
    <!--            </form>-->
    <!--        </div>-->
        <a  href="{channel.lucentUrl}/profile">
            <Avatar side="28" name={user.name}/>
        </a>
</div>

