From 8e16fb13db2e07cc478f6cc3ffac5c710405de7a Mon Sep 17 00:00:00 2001
From: NoCrypt <57245077+NoCrypt@users.noreply.github.com>
Date: Thu, 1 Aug 2024 17:32:39 +0700
Subject: [PATCH] fix: wrong support import

---
 common/Router.svelte                       | 2 +-
 common/components/cards/EpisodeCard.svelte | 9 +++++----
 common/components/cards/FullCard.svelte    | 2 +-
 common/components/cards/SmallCard.svelte   | 2 +-
 common/views/Home/Section.svelte           | 6 +++---
 5 files changed, 11 insertions(+), 10 deletions(-)

diff --git a/common/Router.svelte b/common/Router.svelte
index ef486e4..0055234 100644
--- a/common/Router.svelte
+++ b/common/Router.svelte
@@ -1,6 +1,6 @@
 <script context='module'>
   const mql = matchMedia('(min-width: 769px)')
-  export const isMobile = readable(!mql.matches, set => {
+  const isMobile = readable(!mql.matches, set => {
     const check = ({ matches }) => set(!matches)
     mql.addEventListener('change', check)
     return () => mql.removeEventListener('change', check)
diff --git a/common/components/cards/EpisodeCard.svelte b/common/components/cards/EpisodeCard.svelte
index 5e86fa1..e6a7f69 100644
--- a/common/components/cards/EpisodeCard.svelte
+++ b/common/components/cards/EpisodeCard.svelte
@@ -6,8 +6,7 @@
   import { getContext } from 'svelte'
   import { liveAnimeEpisodeProgress } from '@/modules/animeprogress.js'
   import { anilistClient } from '@/modules/anilist.js'
-  import { isMobile } from '@/Router.svelte'
-  import { SUPPORTS } from '@/modules/support';
+  import { SUPPORTS } from '@/modules/support.js';
   
   export let data
 
@@ -19,7 +18,9 @@
 
   const view = getContext('view')
   function viewMedia () {
-    if (SUPPORTS.isAndroid) document.querySelector('.content-wrapper').requestFullscreen()
+    if (SUPPORTS.isAndroid) {
+      document.querySelector('.content-wrapper').requestFullscreen()
+    }
     if (data.onclick) {
       data.onclick()
       return
@@ -35,7 +36,7 @@
 
 <div class='d-flex p-20 pb-10 position-relative episode-card' use:hoverClick={[viewMedia, setHoverState]}>
   {#if preview}
-    {#if !$isMobile}
+    {#if !SUPPORTS.isAndroid}
     <EpisodePreviewCard {data} />
     {/if}
   {/if}
diff --git a/common/components/cards/FullCard.svelte b/common/components/cards/FullCard.svelte
index e4788ea..5922a94 100644
--- a/common/components/cards/FullCard.svelte
+++ b/common/components/cards/FullCard.svelte
@@ -3,7 +3,7 @@
   import { formatMap, statusColorMap } from '@/modules/anime.js'
   import { click } from '@/modules/click.js'
   import { countdown } from '@/modules/util.js'
-  import { SUPPORTS } from '@/modules/support';
+  import { SUPPORTS } from '@/modules/support.js';
   import { page } from '@/App.svelte'
   /** @type {import('@/modules/al.d.ts').Media} */
   export let media
diff --git a/common/components/cards/SmallCard.svelte b/common/components/cards/SmallCard.svelte
index 57be146..e447a85 100644
--- a/common/components/cards/SmallCard.svelte
+++ b/common/components/cards/SmallCard.svelte
@@ -4,7 +4,7 @@
   import { formatMap, statusColorMap } from '@/modules/anime.js'
   import { hoverClick } from '@/modules/click.js'
   import { countdown } from '@/modules/util.js'
-  import { SUPPORTS } from '@/modules/support';
+  import { SUPPORTS } from '@/modules/support.js';
 
   import { page } from '@/App.svelte'
   /** @type {import('@/modules/al.d.ts').Media} */
diff --git a/common/views/Home/Section.svelte b/common/views/Home/Section.svelte
index ee35ab5..ae2a604 100644
--- a/common/views/Home/Section.svelte
+++ b/common/views/Home/Section.svelte
@@ -8,7 +8,7 @@
   import { search } from '../Search.svelte'
   import { page } from '@/App.svelte'
   import { click } from '@/modules/click.js'
-  import { isMobile } from '@/Router.svelte';
+  import { SUPPORTS } from '@/modules/support.js';
 
   export let opts
 
@@ -42,8 +42,8 @@
 <div class='position-relative '>
   <div class='pb-10 w-full d-flex flex-row justify-content-start gallery' 
        class:isRSS={opts.isRSS} 
-       class:overflow-x-scroll={opts.isRSS && $isMobile} 
-       class:fader={!$isMobile}
+       class:overflow-x-scroll={opts.isRSS && SUPPORTS.isAndroid} 
+       class:fader={!SUPPORTS.isAndroid}
        >
     {#each $preview || fakecards as card}
       <Card {card} />