waffle/frontend/src/components/UserTopBar.svelte

<script>
    import { userInfoStore } from "../stores";
</script>

<div class="top-bar">
    <span class="material-icons-outlined">alternate_email</span>
    <span class="h5 top-bar-heading">{ $userInfoStore ? $userInfoStore.username : "" }</span>
</div>
frontend: add username to top bar and improve paddings 2022-04-23 03:38:19 +03:00			`<script>`
frontend: improve directory structure 2022-04-26 03:09:16 +03:00			`import { userInfoStore } from "../stores";`
frontend: add username to top bar and improve paddings 2022-04-23 03:38:19 +03:00			`</script>`

			`<div class="top-bar">`
switch to material design icons from feather icons This should improve the visuals of the app. Additionally, it may improve the performance as well. 2022-09-18 01:41:59 +03:00			`<span class="material-icons-outlined">alternate_email</span>`
frontend: add "connecting" indicator 2022-04-24 21:29:25 +03:00			`<span class="h5 top-bar-heading">{ $userInfoStore ? $userInfoStore.username : "" }</span>`
switch to material design icons from feather icons This should improve the visuals of the app. Additionally, it may improve the performance as well. 2022-09-18 01:41:59 +03:00			`</div>`