ui: fix q controls session list refresh method

frontend/app/components/Session_/QueueControls/QueueControls.tsx

@@ -38,10 +38,9 @@ function QueueControls(props: Props) {
     const totalPages = Math.ceil(total / PER_PAGE);
     const index = sessionIds.indexOf(sessionId);
 
-    // check for the last page and load the next
     if (currentPage !== totalPages && index === sessionIds.length - 1) {
-      searchStore
+      sessionStore
-        .fetchAutoplaySessions(currentPage + 1)
+        .fetchAutoplayList(currentPage + 1)
         .then(setAutoplayValues);
     }
   }, []);

frontend/app/initialize.tsx

@@ -1,4 +1,5 @@
-import './styles/index.scss';
+import './styles/index.css';
+import './styles/global.scss'
 import React from 'react';
 import { createRoot } from 'react-dom/client';
 import './init';

frontend/app/mstore/sessionStore.ts

@@ -513,17 +513,17 @@ export default class SessionStore {
     this.totalLiveSessions = data.total
   }
 
-  fetchAutoplayList = async (params = {}) => {
+  fetchAutoplayList = async (page: number) => {
     try {
-      setSessionFilter(cleanSessionFilters(params));
+      const filter = searchStore.instance.toSearch();
-      const data = await sessionService.getAutoplayList(params);
+      setSessionFilter(cleanSessionFilters(filter));
-      this.sessionIds = this.sessionIds
+      const data = await sessionService.getAutoplayList({ ...filter, page: page });
-        .concat(data.map((i: any) => i.sessionId + ''))
+      const ids = data.map((i: any) => i.sessionId + '').filter((i, index) => !this.sessionIds.includes(i));
-        .filter((i, index) => this.sessionIds.indexOf(i) === index);
+      this.sessionIds = this.sessionIds.concat(ids);
     } catch (e) {
       console.error(e);
     }
-  }
+  };
 
   clearList = () => {
     this.list = [];

frontend/app/styles/global.scss

@@ -17,10 +17,8 @@ input.no-focus:focus {
     @apply rounded-lg shadow-sm border bg-white;
 }
 
-@layer base {
+img {
-  img {
+  @apply inline-block;
-    @apply inline-block;
-  }
 }
 
 .lucide {

frontend/app/styles/index.css

@@ -1,5 +1,3 @@
-@import "./theme";
-@import "./global";
 @import "./reset.css";
 @import "./import.css";
 @import "./main.css";