🍧 Collects all icons

This commit is contained in:
Rune Harlyk
2024-08-19 23:45:59 +02:00
parent 42405ec93f
commit 62fa5f79b6
39 changed files with 302 additions and 236 deletions
@@ -1,12 +1,7 @@
<script lang="ts">
import { useFeatureFlags } from '$lib/stores';
import type { Battery } from '$lib/types/models';
import Battery0 from '~icons/tabler/battery';
import Battery25 from '~icons/tabler/battery-1';
import Battery50 from '~icons/tabler/battery-2';
import Battery75 from '~icons/tabler/battery-3';
import Battery100 from '~icons/tabler/battery-4';
import BatteryCharging from '~icons/tabler/battery-charging-2';
import { BatteryCharging, Battery100, Battery75, Battery50, Battery25, Battery0 } from '../icons';
const features = useFeatureFlags();
@@ -1,7 +1,6 @@
<script lang="ts">
import { isFullscreen, toggleFullscreen } from '$lib/stores';
import MdiFullscreen from '~icons/mdi/fullscreen';
import MdiFullscreenExit from '~icons/mdi/fullscreen-exit';
import { MdiFullscreenExit, MdiFullscreen } from '../icons';
</script>
<button on:click={toggleFullscreen}>
@@ -1,9 +1,5 @@
<script lang="ts">
import WiFi from '~icons/tabler/wifi';
import WiFi0 from '~icons/tabler/wifi-0';
import WiFi1 from '~icons/tabler/wifi-1';
import WiFi2 from '~icons/tabler/wifi-2';
import WifiOff from '~icons/tabler/wifi-off';
import { WiFi, WiFi0, WiFi1, WiFi2, WifiOff } from "../icons";
export let showDBm = false;
export let rssi = 0;
@@ -25,9 +21,6 @@
</span>
{/if}
<div class="h-7 w-7">
{#if rssi !== 0 && rssi < -55}
<WiFi class="absolute inset-0 h-full w-full opacity-30" />
{/if}
<svelte:component this={getWiFiIcon()} class="absolute inset-0 h-full w-full" />
</div>
</div>
@@ -2,9 +2,8 @@
import { useFeatureFlags } from '$lib/stores';
import { closeModal, openModal } from 'svelte-modals';
import ConfirmDialog from '$lib/components/ConfirmDialog.svelte';
import Power from '~icons/tabler/power';
import Cancel from '~icons/tabler/x';
import { api } from '$lib/api';
import { Cancel, Power } from '../icons';
const features = useFeatureFlags();
@@ -1,6 +1,5 @@
<script lang="ts">
import MdiWeatherSunny from '~icons/mdi/weather-sunny';
import MdiMoonAndStars from '~icons/mdi/moon-and-stars';
import { MdiWeatherSunny, MdiMoonAndStars } from "../icons";
</script>
<label class="swap swap-rotate">
@@ -1,11 +1,11 @@
<script lang="ts">
import MdiHamburgerMenu from '~icons/mdi/hamburger-menu';
import {Hamburger} from '../icons'
</script>
<div class="topbar absolute left-0 top-0 w-full z-20 flex justify-between bg-zinc-800">
<div class="flex gap-2 p-2">
<a href="/">
<svelte:component this={MdiHamburgerMenu} class="h-8 w-8"/>
<svelte:component this={Hamburger} class="h-8 w-8"/>
</a>
</div>
</div>
@@ -4,15 +4,14 @@
import { user } from '$lib/stores/user';
import { notifications } from '$lib/components/toasts/notifications';
import ConfirmDialog from '$lib/components/ConfirmDialog.svelte';
import Firmware from '~icons/tabler/refresh-alert';
import Cancel from '~icons/tabler/x';
import CloudDown from '~icons/tabler/cloud-download';
import GithubUpdateDialog from '$lib/components/GithubUpdateDialog.svelte';
import { compareVersions } from 'compare-versions';
import { onMount } from 'svelte';
import { api } from '$lib/api';
import type { GithubRelease } from '$lib/types/models';
import { useFeatureFlags } from '$lib/stores/featureFlags';
import { Cancel, CloudDown, Firmware } from '../icons';
const features = useFeatureFlags();
@@ -1,7 +1,6 @@
<script lang="ts">
import { page } from '$app/stores';
import { telemetry } from '$lib/stores/telemetry';
import Hamburger from '~icons/tabler/menu-2';
import RssiIndicator from '$lib/components/statusbar/RSSIIndicator.svelte';
import BatteryIndicator from '$lib/components/statusbar/BatteryIndicator.svelte';
@@ -11,6 +10,7 @@
import FullscreenButton from './FullscreenButton.svelte';
import StopButton from './StopButton.svelte';
import ViewSelector from './ViewSelector.svelte';
import { Hamburger } from '../icons';
</script>
<div class="navbar bg-base-300 sticky top-0 z-10 h-12 min-h-fit drop-shadow-lg lg:h-16 gap-2 pr-0">