waffle/frontend/src/components/UserTopBar.svelte

<script>
    import { AtSignIcon } from "svelte-feather-icons";
    import { userInfoStore } from "../stores";
</script>

<div class="top-bar">
    <AtSignIcon />
    <span class="h5 top-bar-heading">{ $userInfoStore ? $userInfoStore.username : "" }</span>
</div>