New: Many UI Updates and Performance Tweaks

frontend/src/Store/Actions/queueActions.js

@@ -1,7 +1,7 @@
 import _ from 'lodash';
-import $ from 'jquery';
 import { createAction } from 'redux-actions';
 import { batchActions } from 'redux-batched-actions';
+import createAjaxRequest from 'Utilities/createAjaxRequest';
 import serverSideCollectionHandlers from 'Utilities/serverSideCollectionHandlers';
 import { sortDirections } from 'Helpers/Props';
 import { createThunk, handleThunks } from 'Store/thunks';
@@ -63,28 +63,11 @@ export const defaultState = {
         isModifiable: false
       },
       {
-        name: 'series.sortTitle',
-        label: 'Series',
+        name: 'movie.sortTitle',
+        label: 'Movie',
         isSortable: true,
         isVisible: true
       },
-      {
-        name: 'episode',
-        label: 'Episode',
-        isSortable: true,
-        isVisible: true
-      },
-      {
-        name: 'episode.title',
-        label: 'Episode Title',
-        isVisible: true
-      },
-      {
-        name: 'episode.airDateUtc',
-        label: 'Episode Air Date',
-        isSortable: true,
-        isVisible: false
-      },
       {
         name: 'quality',
         label: 'Quality',
@@ -109,6 +92,12 @@ export const defaultState = {
         isSortable: true,
         isVisible: false
       },
+      {
+        name: 'title',
+        label: 'Release Title',
+        isSortable: true,
+        isVisible: false
+      },
       {
         name: 'estimatedCompletionTime',
         label: 'Timeleft',
@@ -246,10 +235,10 @@ export const actionHandlers = handleThunks({
 
     dispatch(updateItem({ section: paged, id, isGrabbing: true }));
 
-    const promise = $.ajax({
+    const promise = createAjaxRequest({
       url: `/queue/grab/${id}`,
       method: 'POST'
-    });
+    }).request;
 
     promise.done((data) => {
       dispatch(batchActions([
@@ -291,12 +280,12 @@ export const actionHandlers = handleThunks({
       })
     ]));
 
-    const promise = $.ajax({
+    const promise = createAjaxRequest({
       url: '/queue/grab/bulk',
       method: 'POST',
       dataType: 'json',
       data: JSON.stringify(payload)
-    });
+    }).request;
 
     promise.done((data) => {
       dispatch(batchActions([
@@ -343,10 +332,10 @@ export const actionHandlers = handleThunks({
 
     dispatch(updateItem({ section: paged, id, isRemoving: true }));
 
-    const promise = $.ajax({
+    const promise = createAjaxRequest({
       url: `/queue/${id}?blacklist=${blacklist}`,
       method: 'DELETE'
-    });
+    }).request;
 
     promise.done((data) => {
       dispatch(fetchQueue());
@@ -375,12 +364,12 @@ export const actionHandlers = handleThunks({
       set({ section: paged, isRemoving: true })
     ]));
 
-    const promise = $.ajax({
+    const promise = createAjaxRequest({
       url: `/queue/bulk?blacklist=${blacklist}`,
       method: 'DELETE',
       dataType: 'json',
       data: JSON.stringify({ ids })
-    });
+    }).request;
 
     promise.done((data) => {
       dispatch(batchActions([