aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rw-r--r--src/lib/List/Anime/CleanAnimeList.svelte6
-rw-r--r--src/lib/List/Manga/CleanMangaList.svelte6
-rw-r--r--src/lib/Media/hoverCover.ts5
3 files changed, 5 insertions, 12 deletions
diff --git a/src/lib/List/Anime/CleanAnimeList.svelte b/src/lib/List/Anime/CleanAnimeList.svelte
index 425b588a..6ecd3c5d 100644
--- a/src/lib/List/Anime/CleanAnimeList.svelte
+++ b/src/lib/List/Anime/CleanAnimeList.svelte
@@ -69,24 +69,18 @@
<li
class="entry"
on:mouseenter={() => {
- if ($settings.displayHoverCover === false) return;
-
const response = onMouseEnter(anime);
hovering = response.hovering;
hoveredMedia = response.media;
}}
on:mouseleave={() => {
- if ($settings.displayHoverCover === false) return;
-
const response = onMouseLeave();
hovering = response.hovering;
hoveredMedia = response.media;
}}
on:mousemove={(e) => {
- if ($settings.displayHoverCover === false) return;
-
const response = onMouseMove(e);
imageStyle = response.style;
diff --git a/src/lib/List/Manga/CleanMangaList.svelte b/src/lib/List/Manga/CleanMangaList.svelte
index 918db3f9..95db1a8a 100644
--- a/src/lib/List/Manga/CleanMangaList.svelte
+++ b/src/lib/List/Manga/CleanMangaList.svelte
@@ -63,24 +63,18 @@
<li
class="entry"
on:mouseenter={() => {
- if ($settings.displayHoverCover === false) return;
-
const response = onMouseEnter(manga);
hovering = response.hovering;
hoveredMedia = response.media;
}}
on:mouseleave={() => {
- if ($settings.displayHoverCover === false) return;
-
const response = onMouseLeave();
hovering = response.hovering;
hoveredMedia = response.media;
}}
on:mousemove={(e) => {
- if ($settings.displayHoverCover === false) return;
-
const response = onMouseMove(e);
imageStyle = response.style;
diff --git a/src/lib/Media/hoverCover.ts b/src/lib/Media/hoverCover.ts
index 29d2df46..aeb1b571 100644
--- a/src/lib/Media/hoverCover.ts
+++ b/src/lib/Media/hoverCover.ts
@@ -1,5 +1,7 @@
import type { Media } from '$lib/AniList/media';
+import { get } from 'svelte/store';
import type { SubsPleaseEpisode } from './Anime/Airing/Subtitled/subsPlease';
+import settings from '../../stores/settings';
interface OnMouseEnterLeave {
hovering: boolean;
@@ -8,6 +10,9 @@ interface OnMouseEnterLeave {
}
export const onMouseEnter = (media: Media | null, item: SubsPleaseEpisode | null = null) => {
+ if (!get(settings).displayHoverCover && !item)
+ return { hovering: false, item: null, media: null } as OnMouseEnterLeave;
+
return { hovering: true, item, media } as OnMouseEnterLeave;
};