Side Switcher component
This commit is contained in:
17
src/components/SwitcherSide.svelte
Normal file
17
src/components/SwitcherSide.svelte
Normal file
@@ -0,0 +1,17 @@
|
|||||||
|
<script>
|
||||||
|
import { currentLocation } from '../store'
|
||||||
|
|
||||||
|
const locationName = ($currentLocation) ? $currentLocation.location.name : 'World'
|
||||||
|
const locationOf = ($currentLocation) ? 'Of' : 'Of The'
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<div class="switcher switcher--side">
|
||||||
|
<p class="switcher__location">
|
||||||
|
<a href="/">Houses <span class="caps">{locationOf}</span></a> <br>
|
||||||
|
<strong class="name">{locationName}</strong>
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<a href="/choose" class="switcher__icon icon is-medium has-text-danger">
|
||||||
|
<i class="fas fa-exchange-alt fa-lg"></i>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
Reference in New Issue
Block a user