refactor roomcompponent

This commit is contained in:
Simone Tesini 2025-08-02 06:11:25 +02:00
parent 0066166765
commit f36441565c
4 changed files with 47 additions and 31 deletions

View file

@ -1,5 +1,8 @@
<script lang="ts">
import RoomList from "$lib/components/RoomList.svelte"
import RoomComponent from "$lib/components/Room.svelte"
import { parseRoom, type Room } from "$lib/types"
let room: Room = { id: "asd", coords: [0.123, 0.456], name: "scatolame party", private: true, range: 124 }
</script>
<div class="h-full w-full flex-row justify-center p-4">
@ -7,17 +10,17 @@
<h1>Scan your nearby rooms</h1>
<img src="/smerdoradar.gif" alt="radar" class="h-64 w-64" />
<div class="max-h-50 w-full overflow-y-auto">
<RoomList />
<RoomList />
<RoomList />
<RoomList />
<RoomList />
<RoomList />
<RoomList />
<RoomList />
<RoomList />
<RoomComponent {room} />
<RoomComponent {room} />
<RoomComponent {room} />
<RoomComponent {room} />
<RoomComponent {room} />
<RoomComponent {room} />
<RoomComponent {room} />
<RoomComponent {room} />
<RoomComponent {room} />
</div>
<div class="fixed bottom-0 right-0">
<div class="fixed right-0 bottom-0">
<button class="mt-4 justify-end rounded bg-blue-500 px-6 py-2 text-white transition-colors hover:bg-blue-600 active:bg-blue-700"> + </button>
</div>
</div>