fix(import): fix styling and subscribe behavior

Author: Garrett Downs

package-lock.json

@@ -37,7 +37,7 @@
     "date-fns": "^2.25.0",
     "foxcasts-core": "^3.0.0",
     "lodash.kebabcase": "^4.1.1",
-    "mai-ui": "^0.2.0",
+    "mai-ui": "^0.2.1",
     "preact": "^10.3.1",
     "preact-render-to-string": "^5.1.4",
     "preact-router": "^3.2.1",
@@ -86,4 +86,4 @@
       "path": "./node_modules/cz-conventional-changelog"
     }
   }
-}
+}

package.json

@@ -13,6 +13,11 @@
   padding: 5px;
 }
 
+.row[data-selected] {
+  background-color: var(--highlight-bg-color);
+  color: var(--highlight-text-color);
+}
+
 .actions {
   padding: 5px;
 }

src/routes/Import.module.css

@@ -9,7 +9,7 @@ import { route } from 'preact-router';
 import { useEffect, useState } from 'preact/hooks';
 import { FoxcastsAppMenu } from '../components/FoxcastsAppMenu';
 import { SelectablePriority } from '../enums';
-import { Core } from '../services/core';
+import { subscribe } from '../services/core';
 import { OPML } from '../services/opml';
 import styles from './Import.module.css';
 
@@ -47,8 +47,7 @@ export default function Import(props: Props): VNode {
     setSubscribing(true);
     for (const podcast of feeds.filter((a) => a.selected)) {
       console.log(`Subscribing to ${podcast.title}`);
-      await Core.podcasts
-        .subscribe({ feedUrl: podcast.feedUrl })
+      await subscribe({ feedUrl: podcast.feedUrl })
         .then(() => console.log(`Subscribed to ${podcast.title}`))
         .catch((err) =>
           console.log(`Failed to subscribe to ${podcast.title}`, err)