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