diff options
Diffstat (limited to 'src/lib/User/BadgeWall')
| -rw-r--r-- | src/lib/User/BadgeWall/AWC.svelte | 4 | ||||
| -rw-r--r-- | src/lib/User/BadgeWall/BadgePreview.svelte | 13 | ||||
| -rw-r--r-- | src/lib/User/BadgeWall/Badges.svelte | 8 | ||||
| -rw-r--r-- | src/lib/User/BadgeWall/FallbackBadge.svelte | 12 |
4 files changed, 18 insertions, 19 deletions
diff --git a/src/lib/User/BadgeWall/AWC.svelte b/src/lib/User/BadgeWall/AWC.svelte index 5684eb2f..df4f45e1 100644 --- a/src/lib/User/BadgeWall/AWC.svelte +++ b/src/lib/User/BadgeWall/AWC.svelte @@ -1,10 +1,10 @@ <script lang="ts"> -import Spacer from "$lib/Layout/Spacer.svelte"; import type { AWCBadgesGroup } from "$lib/Data/awc"; +import Spacer from "$lib/Layout/Spacer.svelte"; import { cdn, thumbnail } from "$lib/Utility/image"; +import locale from "$stores/locale"; import type { Preferences } from "../../../graphql/$types"; import FallbackBadge from "./FallbackBadge.svelte"; -import locale from "$stores/locale"; import "./badges.css"; export let awcPromise: Promise<Response>; diff --git a/src/lib/User/BadgeWall/BadgePreview.svelte b/src/lib/User/BadgeWall/BadgePreview.svelte index ebf47d9b..d630de3e 100644 --- a/src/lib/User/BadgeWall/BadgePreview.svelte +++ b/src/lib/User/BadgeWall/BadgePreview.svelte @@ -1,13 +1,12 @@ <script lang="ts"> -import Spacer from "$lib/Layout/Spacer.svelte"; -import { thumbnail } from "$lib/Utility/image"; +import { onMount } from "svelte"; import type { Badge } from "$lib/Database/SB/User/badges"; -import { cdn } from "$lib/Utility/image"; +import ParallaxImage from "$lib/Image/ParallaxImage.svelte"; +import Spacer from "$lib/Layout/Spacer.svelte"; +import { cdn, thumbnail } from "$lib/Utility/image"; +import root from "$lib/Utility/root"; import { databaseTimeToDate } from "$lib/Utility/time"; import locale from "$stores/locale"; -import { onMount } from "svelte"; -import root from "$lib/Utility/root"; -import ParallaxImage from "$lib/Image/ParallaxImage.svelte"; export let selectedBadge: Badge | undefined; export let onNext: () => void = () => undefined; @@ -19,7 +18,7 @@ let source = cdn(thumbnail(selectedBadge?.image || "")) || ""; let badgeReference: HTMLImageElement; $: { - if (selectedBadge && selectedBadge.image) { + if (selectedBadge?.image) { const image = new Image(); image.src = cdn(selectedBadge.image) || ""; diff --git a/src/lib/User/BadgeWall/Badges.svelte b/src/lib/User/BadgeWall/Badges.svelte index 1d620c2f..d2c56392 100644 --- a/src/lib/User/BadgeWall/Badges.svelte +++ b/src/lib/User/BadgeWall/Badges.svelte @@ -1,14 +1,14 @@ <script lang="ts"> +import FallbackImage from "$lib/Image/FallbackImage.svelte"; import Spacer from "$lib/Layout/Spacer.svelte"; import LinkedTooltip from "$lib/Tooltip/LinkedTooltip.svelte"; import tooltip from "$lib/Tooltip/tooltip"; -import locale from "$stores/locale"; -import { databaseTimeToDate } from "$lib/Utility/time"; -import FallbackImage from "$lib/Image/FallbackImage.svelte"; import { cdn, thumbnail } from "$lib/Utility/image"; -import FallbackBadge from "./FallbackBadge.svelte"; +import { databaseTimeToDate } from "$lib/Utility/time"; +import locale from "$stores/locale"; import type { Preferences } from "../../../graphql/$types"; import type { IndexedBadge } from "./badge"; +import FallbackBadge from "./FallbackBadge.svelte"; export let ungroupedBadges: IndexedBadge[]; export let groupedBadges: [string, IndexedBadge[]][]; diff --git a/src/lib/User/BadgeWall/FallbackBadge.svelte b/src/lib/User/BadgeWall/FallbackBadge.svelte index 04793aa0..f645176c 100644 --- a/src/lib/User/BadgeWall/FallbackBadge.svelte +++ b/src/lib/User/BadgeWall/FallbackBadge.svelte @@ -1,14 +1,14 @@ <script lang="ts"> -import { classifyDesignerName } from "./badge"; -import locale from "$stores/locale"; +import { cubicOut } from "svelte/easing"; import { tweened } from "svelte/motion"; -import type { Badge } from "../../Database/SB/User/badges"; +import { dev } from "$app/environment"; +import locale from "$stores/locale"; +import type { Preferences } from "../../../graphql/$types"; import type { AWCBadge } from "../../Data/awc"; +import type { Badge } from "../../Database/SB/User/badges"; import Tooltip from "../../Tooltip/LinkedTooltip.svelte"; import { databaseTimeToDate } from "../../Utility/time"; -import { cubicOut } from "svelte/easing"; -import { dev } from "$app/environment"; -import type { Preferences } from "../../../graphql/$types"; +import { classifyDesignerName } from "./badge"; export let source: string | null | undefined; export let alternative: string | null | undefined; |