no log: Fix typos

frontend/src/@modules/socketio/hooks.ts

@@ -1,6 +1,6 @@
 import { useEffect } from "react";
 import Socketio from ".";
-import { log } from "../../utilites/logger";
+import { log } from "../../utilities/logger";
 
 export function useSocketIOReducer(reducer: SocketIO.Reducer) {
   useEffect(() => {

frontend/src/@modules/socketio/index.ts

@@ -1,7 +1,7 @@
 import { debounce, forIn, remove, uniq } from "lodash";
 import { io, Socket } from "socket.io-client";
-import { getBaseUrl } from "../../utilites";
-import { conditionalLog, log } from "../../utilites/logger";
+import { getBaseUrl } from "../../utilities";
+import { conditionalLog, log } from "../../utilities/logger";
 import { createDefaultReducer } from "./reducer";
 
 class SocketIOClient {

frontend/src/@redux/actions/site.ts

@@ -1,6 +1,6 @@
 import { createAction, createAsyncThunk } from "@reduxjs/toolkit";
 import { BadgesApi } from "../../apis";
-import { waitFor } from "../../utilites";
+import { waitFor } from "../../utilities";
 import { systemUpdateAllSettings } from "./system";
 
 export const siteBootstrap = createAsyncThunk(

frontend/src/@redux/hooks/async.ts

@@ -1,6 +1,6 @@
 import { AsyncThunk } from "@reduxjs/toolkit";
 import { useEffect } from "react";
-import { log } from "../../utilites/logger";
+import { log } from "../../utilities/logger";
 import { useReduxAction } from "./base";
 
 export function useAutoUpdate(item: Async.Item<any>, update: () => void) {

frontend/src/@redux/hooks/movies.ts

@@ -1,5 +1,5 @@
 import { useCallback, useMemo } from "react";
-import { useEntityItemById, useEntityToList } from "../../utilites";
+import { useEntityItemById, useEntityToList } from "../../utilities";
 import {
   movieUpdateBlacklist,
   movieUpdateById,

frontend/src/@redux/hooks/series.ts

@@ -1,5 +1,5 @@
 import { useCallback, useEffect, useMemo } from "react";
-import { useEntityItemById, useEntityToList } from "../../utilites";
+import { useEntityItemById, useEntityToList } from "../../utilities";
 import {
   episodesUpdateBlacklist,
   episodeUpdateById,

frontend/src/@redux/utils/factory.ts

@@ -15,7 +15,7 @@ import {
   pullAllWith,
 } from "lodash";
 import { ReducerUtility } from ".";
-import { conditionalLog } from "../../utilites/logger";
+import { conditionalLog } from "../../utilities/logger";
 
 interface ActionParam<T, ID = null> {
   range?: AsyncThunk<T, Parameter.Range, {}>;

frontend/src/App/Header.tsx

@@ -24,7 +24,7 @@ import { useIsOffline } from "../@redux/hooks/site";
 import logo from "../@static/logo64.png";
 import { SystemApi } from "../apis";
 import { ActionButton, SearchBar, SearchResult } from "../components";
-import { useGotoHomepage, useIsMobile } from "../utilites";
+import { useGotoHomepage, useIsMobile } from "../utilities";
 import "./header.scss";
 import NotificationCenter from "./Notification";
 

frontend/src/App/Notification.tsx

@@ -27,7 +27,7 @@ import {
 } from "react-bootstrap";
 import { useDidUpdate, useTimeoutWhen } from "rooks";
 import { useReduxStore } from "../@redux/hooks/base";
-import { BuildKey, useIsArrayExtended } from "../utilites";
+import { BuildKey, useIsArrayExtended } from "../utilities";
 import "./notification.scss";
 
 enum State {

frontend/src/App/Router.tsx

@@ -8,7 +8,7 @@ import HistoryRouter from "../History/Router";
 import SettingRouter from "../Settings/Router";
 import EmptyPage, { RouterEmptyPath } from "../special-pages/404";
 import SystemRouter from "../System/Router";
-import { ScrollToTop } from "../utilites";
+import { ScrollToTop } from "../utilities";
 import WantedRouter from "../Wanted/Router";
 
 const Router: FunctionComponent<{ className?: string }> = ({ className }) => {

frontend/src/App/index.tsx

@@ -20,7 +20,7 @@ import Sidebar from "../Sidebar";
 import Auth from "../special-pages/AuthPage";
 import ErrorBoundary from "../special-pages/ErrorBoundary";
 import LaunchError from "../special-pages/LaunchError";
-import { useBaseUrl, useHasUpdateInject } from "../utilites";
+import { useBaseUrl, useHasUpdateInject } from "../utilities";
 import Header from "./Header";
 import Router from "./Router";
 

frontend/src/DisplayItem/Episodes/index.tsx

@@ -13,7 +13,7 @@ import { Helmet } from "react-helmet";
 import { Redirect, RouteComponentProps, withRouter } from "react-router-dom";
 import { dispatchTask } from "../../@modules/task";
 import { useIsAnyTaskRunningWithId } from "../../@modules/task/hooks";
-import { createTask } from "../../@modules/task/utilites";
+import { createTask } from "../../@modules/task/utilities";
 import { useEpisodesBy, useProfileBy, useSerieBy } from "../../@redux/hooks";
 import { SeriesApi } from "../../apis";
 import {
@@ -24,7 +24,7 @@ import {
   useShowModal,
 } from "../../components";
 import { RouterEmptyPath } from "../../special-pages/404";
-import { useOnLoadedOnce } from "../../utilites";
+import { useOnLoadedOnce } from "../../utilities";
 import ItemOverview from "../generic/ItemOverview";
 import Table from "./table";
 

frontend/src/DisplayItem/Episodes/table.tsx

@@ -22,7 +22,7 @@ import {
   useShowModal,
 } from "../../components";
 import { ManualSearchModal } from "../../components/modals/ManualSearchModal";
-import { BuildKey, filterSubtitleBy } from "../../utilites";
+import { BuildKey, filterSubtitleBy } from "../../utilities";
 import { SubtitleAction } from "./components";
 
 interface Props {

frontend/src/DisplayItem/MovieDetail/index.tsx

@@ -13,7 +13,7 @@ import { Helmet } from "react-helmet";
 import { Redirect, RouteComponentProps, withRouter } from "react-router-dom";
 import { dispatchTask } from "../../@modules/task";
 import { useIsAnyTaskRunningWithId } from "../../@modules/task/hooks";
-import { createTask } from "../../@modules/task/utilites";
+import { createTask } from "../../@modules/task/utilities";
 import { useMovieBy, useProfileBy } from "../../@redux/hooks";
 import { MoviesApi, ProvidersApi } from "../../apis";
 import {
@@ -27,7 +27,7 @@ import {
 } from "../../components";
 import { ManualSearchModal } from "../../components/modals/ManualSearchModal";
 import { RouterEmptyPath } from "../../special-pages/404";
-import { useOnLoadedOnce } from "../../utilites";
+import { useOnLoadedOnce } from "../../utilities";
 import ItemOverview from "../generic/ItemOverview";
 import Table from "./table";
 

frontend/src/DisplayItem/MovieDetail/table.tsx

@@ -7,7 +7,7 @@ import { useProfileItemsToLanguages } from "../../@redux/hooks";
 import { useShowOnlyDesired } from "../../@redux/hooks/site";
 import { MoviesApi } from "../../apis";
 import { AsyncButton, LanguageText, SimpleTable } from "../../components";
-import { filterSubtitleBy } from "../../utilites";
+import { filterSubtitleBy } from "../../utilities";
 
 const missingText = "Missing Subtitles";
 

frontend/src/DisplayItem/Movies/index.tsx

@@ -10,7 +10,7 @@ import { useLanguageProfiles, useMovieEntities } from "../../@redux/hooks";
 import { useReduxAction } from "../../@redux/hooks/base";
 import { MoviesApi } from "../../apis";
 import { ActionBadge, LanguageText, TextPopover } from "../../components";
-import { BuildKey } from "../../utilites";
+import { BuildKey } from "../../utilities";
 import BaseItemView from "../generic/BaseItemView";
 
 interface Props {}

frontend/src/DisplayItem/Series/index.tsx

@@ -8,7 +8,7 @@ import { useLanguageProfiles, useSerieEntities } from "../../@redux/hooks";
 import { useReduxAction } from "../../@redux/hooks/base";
 import { SeriesApi } from "../../apis";
 import { ActionBadge } from "../../components";
-import { BuildKey } from "../../utilites";
+import { BuildKey } from "../../utilities";
 import BaseItemView from "../generic/BaseItemView";
 
 interface Props {}

frontend/src/DisplayItem/generic/BaseItemView/index.tsx

@@ -9,7 +9,7 @@ import { useIsAnyTaskRunning } from "../../../@modules/task/hooks";
 import { useLanguageProfiles } from "../../../@redux/hooks";
 import { useAppDispatch } from "../../../@redux/hooks/base";
 import { ContentHeader } from "../../../components";
-import { GetItemId, isNonNullable } from "../../../utilites";
+import { GetItemId, isNonNullable } from "../../../utilities";
 import Table from "./table";
 
 export interface SharedProps<T extends Item.Base> {

frontend/src/DisplayItem/generic/BaseItemView/table.tsx

@@ -10,7 +10,7 @@ import {
 } from "../../../components";
 import { TableStyleProps } from "../../../components/tables/BaseTable";
 import { useCustomSelection } from "../../../components/tables/plugins";
-import { GetItemId, useEntityToList } from "../../../utilites";
+import { GetItemId, useEntityToList } from "../../../utilities";
 
 interface Props<T extends Item.Base> extends SharedProps<T> {
   dirtyItems: readonly T[];

frontend/src/DisplayItem/generic/ItemOverview.tsx

@@ -24,7 +24,7 @@ import {
 } from "react-bootstrap";
 import { useProfileBy, useProfileItemsToLanguages } from "../../@redux/hooks";
 import { LanguageText } from "../../components";
-import { BuildKey, isMovie } from "../../utilites";
+import { BuildKey, isMovie } from "../../utilities";
 
 interface Props {
   item: Item.Base;

frontend/src/Settings/General/index.tsx

@@ -10,7 +10,7 @@ import {
   copyToClipboard,
   toggleState,
   useCanUpdateInject,
-} from "../../utilites";
+} from "../../utilities";
 import {
   Button,
   Check,

frontend/src/Settings/Languages/modal.tsx

@@ -18,7 +18,7 @@ import {
   SimpleTable,
   useModalInformation,
 } from "../../components";
-import { BuildKey } from "../../utilites";
+import { BuildKey } from "../../utilities";
 import { Input, Message } from "../components";
 import { cutoffOptions } from "./options";
 interface Props {

frontend/src/Settings/Notifications/components.tsx

@@ -15,7 +15,7 @@ import {
   useOnModalShow,
   useShowModal,
 } from "../../components";
-import { BuildKey } from "../../utilites";
+import { BuildKey } from "../../utilities";
 import { ColCard, useLatestArray, useUpdateArray } from "../components";
 import { notificationsKey } from "../keys";
 

frontend/src/Settings/Providers/components.tsx

@@ -15,7 +15,7 @@ import {
   useOnModalShow,
   useShowModal,
 } from "../../components";
-import { BuildKey, isReactText } from "../../utilites";
+import { BuildKey, isReactText } from "../../utilities";
 import {
   Check,
   ColCard,

frontend/src/Settings/components/forms.tsx

@@ -14,7 +14,7 @@ import {
   Slider as CSlider,
   SliderProps as CSliderProps,
 } from "../../components";
-import { isReactText } from "../../utilites";
+import { isReactText } from "../../utilities";
 import { OverrideFuncType, useSingleUpdate } from "./hooks";
 
 export const Message: FunctionComponent<{

frontend/src/Settings/components/hooks.ts

@@ -1,7 +1,7 @@
 import { isArray, uniqBy } from "lodash";
 import { useCallback, useContext, useMemo } from "react";
 import { useSystemSettings } from "../../@redux/hooks";
-import { log } from "../../utilites/logger";
+import { log } from "../../utilities/logger";
 import { StagedChangesContext } from "./provider";
 
 export function useStagedValues(): LooseObject {

frontend/src/Settings/components/provider.tsx

@@ -15,7 +15,7 @@ import { useSystemSettings } from "../../@redux/hooks";
 import { useUpdateLocalStorage } from "../../@storage/local";
 import { SystemApi } from "../../apis";
 import { ContentHeader } from "../../components";
-import { log } from "../../utilites/logger";
+import { log } from "../../utilities/logger";
 import {
   enabledLanguageKey,
   languageProfileKey,

frontend/src/Sidebar/index.tsx

@@ -4,7 +4,7 @@ import { useReduxStore } from "../@redux/hooks/base";
 import { useIsRadarrEnabled, useIsSonarrEnabled } from "../@redux/hooks/site";
 import logo from "../@static/logo64.png";
 import { SidebarToggleContext } from "../App";
-import { useGotoHomepage } from "../utilites/hooks";
+import { useGotoHomepage } from "../utilities/hooks";
 import {
   BadgesContext,
   CollapseItem,

frontend/src/System/Logs/index.tsx

@@ -7,7 +7,7 @@ import { useSystemLogs } from "../../@redux/hooks";
 import { useReduxAction } from "../../@redux/hooks/base";
 import { SystemApi } from "../../apis";
 import { AsyncOverlay, ContentHeader } from "../../components";
-import { useBaseUrl } from "../../utilites";
+import { useBaseUrl } from "../../utilities";
 import Table from "./table";
 
 interface Props {}

frontend/src/System/Releases/index.tsx

@@ -3,7 +3,7 @@ import { Badge, Card, Col, Container, Row } from "react-bootstrap";
 import { Helmet } from "react-helmet";
 import { useSystemReleases } from "../../@redux/hooks";
 import { AsyncOverlay } from "../../components";
-import { BuildKey } from "../../utilites";
+import { BuildKey } from "../../utilities";
 
 interface Props {}
 

frontend/src/Wanted/Movies/index.tsx

@@ -9,7 +9,7 @@ import { useWantedMovies } from "../../@redux/hooks";
 import { useReduxAction } from "../../@redux/hooks/base";
 import { MoviesApi } from "../../apis";
 import { AsyncButton, LanguageText } from "../../components";
-import { BuildKey } from "../../utilites";
+import { BuildKey } from "../../utilities";
 import GenericWantedView from "../generic";
 
 interface Props {}

frontend/src/Wanted/Series/index.tsx

@@ -9,7 +9,7 @@ import { useWantedSeries } from "../../@redux/hooks";
 import { useReduxAction } from "../../@redux/hooks/base";
 import { EpisodesApi, SeriesApi } from "../../apis";
 import { AsyncButton, LanguageText } from "../../components";
-import { BuildKey } from "../../utilites";
+import { BuildKey } from "../../utilities";
 import GenericWantedView from "../generic";
 
 interface Props {}

frontend/src/Wanted/generic/index.tsx

@@ -6,7 +6,7 @@ import { Helmet } from "react-helmet";
 import { Column } from "react-table";
 import { dispatchTask } from "../../@modules/task";
 import { useIsGroupTaskRunning } from "../../@modules/task/hooks";
-import { createTask } from "../../@modules/task/utilites";
+import { createTask } from "../../@modules/task/utilities";
 import { AsyncPageTable, ContentHeader } from "../../components";
 
 interface Props<T extends Wanted.Base> {

frontend/src/apis/index.ts

@@ -1,7 +1,7 @@
 import Axios, { AxiosError, AxiosInstance, CancelTokenSource } from "axios";
 import { siteRedirectToAuth } from "../@redux/actions";
 import { AppDispatch } from "../@redux/store";
-import { getBaseUrl } from "../utilites";
+import { getBaseUrl } from "../utilities";
 class Api {
   axios!: AxiosInstance;
   source!: CancelTokenSource;

frontend/src/components/index.tsx

@@ -164,7 +164,7 @@ export const TextPopover: FunctionComponent<TextPopoverProps> = ({
 
 export * from "./async";
 export * from "./buttons";
-export * from "./ContentHeader";
+export * from "./header";
 export * from "./inputs";
 export * from "./LanguageSelector";
 export * from "./modals";

frontend/src/components/modals/ItemEditorModal.tsx

@@ -3,7 +3,7 @@ import { Container, Form } from "react-bootstrap";
 import { AsyncButton, Selector } from "../";
 import { useIsAnyTaskRunningWithId } from "../../@modules/task/hooks";
 import { useLanguageProfiles } from "../../@redux/hooks";
-import { GetItemId } from "../../utilites";
+import { GetItemId } from "../../utilities";
 import BaseModal, { BaseModalProps } from "./BaseModal";
 import { useModalInformation } from "./hooks";
 

frontend/src/components/modals/ManualSearchModal.tsx

@@ -33,9 +33,9 @@ import {
   useModalPayload,
 } from "..";
 import { dispatchTask } from "../../@modules/task";
-import { createTask } from "../../@modules/task/utilites";
+import { createTask } from "../../@modules/task/utilities";
 import { ProvidersApi } from "../../apis";
-import { GetItemId, isMovie } from "../../utilites";
+import { GetItemId, isMovie } from "../../utilities";
 import "./msmStyle.scss";
 
 type SupportType = Item.Movie | Item.Episode;

frontend/src/components/modals/MovieUploadModal.tsx

@@ -9,10 +9,10 @@ import React, {
 import { Button, Container, Form } from "react-bootstrap";
 import { Column, Row } from "react-table";
 import { dispatchTask } from "../../@modules/task";
-import { createTask } from "../../@modules/task/utilites";
+import { createTask } from "../../@modules/task/utilities";
 import { useProfileBy, useProfileItemsToLanguages } from "../../@redux/hooks";
 import { MoviesApi } from "../../apis";
-import { BuildKey } from "../../utilites";
+import { BuildKey } from "../../utilities";
 import { FileForm } from "../inputs";
 import { LanguageSelector } from "../LanguageSelector";
 import { SimpleTable } from "../tables";
@@ -100,6 +100,12 @@ const MovieUploadModal: FunctionComponent<BaseModalProps> = (props) => {
 
   const columns = useMemo<Column<PendingSubtitle>[]>(
     () => [
+      {
+        id: "state",
+        Cell: () => {
+          return "hello";
+        },
+      },
       {
         id: "name",
         Header: "File",

frontend/src/components/modals/SeriesUploadModal.tsx

@@ -16,7 +16,7 @@ import { Button, Container, Form } from "react-bootstrap";
 import { Column, TableUpdater } from "react-table";
 import { FileForm, LanguageSelector, MessageIcon, SimpleTable } from "..";
 import { dispatchTask } from "../../@modules/task";
-import { createTask } from "../../@modules/task/utilites";
+import { createTask } from "../../@modules/task/utilities";
 import { useProfileBy, useProfileItemsToLanguages } from "../../@redux/hooks";
 import { EpisodesApi, SubtitlesApi } from "../../apis";
 import { Selector } from "../inputs";

frontend/src/components/modals/SubtitleToolModal.tsx

@@ -40,11 +40,11 @@ import {
   useShowModal,
 } from "..";
 import { dispatchTask } from "../../@modules/task";
-import { createTask } from "../../@modules/task/utilites";
+import { createTask } from "../../@modules/task/utilities";
 import { useEnabledLanguages } from "../../@redux/hooks";
 import { SubtitlesApi } from "../../apis";
-import { isMovie, submodProcessColor } from "../../utilites";
-import { log } from "../../utilites/logger";
+import { isMovie, submodProcessColor } from "../../utilities";
+import { log } from "../../utilities/logger";
 import { useCustomSelection } from "../tables/plugins";
 import BaseModal, { BaseModalProps } from "./BaseModal";
 import { useCloseModal } from "./hooks";

frontend/src/components/modals/hooks.tsx

@@ -1,6 +1,6 @@
 import { useCallback, useContext, useMemo } from "react";
 import { useDidUpdate } from "rooks";
-import { log } from "../../utilites/logger";
+import { log } from "../../utilities/logger";
 import { ModalContext } from "./provider";
 
 interface ModalInformation<T> {

frontend/src/components/tables/AsyncPageTable.tsx

@@ -6,7 +6,7 @@ import {
   ScrollToTop,
   useEntityByRange,
   useIsEntityLoaded,
-} from "../../utilites";
+} from "../../utilities";
 import BaseTable, { TableStyleProps, useStyleAndOptions } from "./BaseTable";
 import PageControl from "./PageControl";
 import { useDefaultSettings } from "./plugins";

frontend/src/components/tables/PageTable.tsx

@@ -6,7 +6,7 @@ import {
   useRowSelect,
   useTable,
 } from "react-table";
-import { ScrollToTop } from "../../utilites";
+import { ScrollToTop } from "../../utilities";
 import BaseTable, { TableStyleProps, useStyleAndOptions } from "./BaseTable";
 import PageControl from "./PageControl";
 import { useCustomSelection, useDefaultSettings } from "./plugins";

frontend/src/special-pages/LaunchError.tsx

@@ -2,7 +2,7 @@ import { faExclamationTriangle } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import React, { FunctionComponent } from "react";
 import { Alert, Button, Container } from "react-bootstrap";
-import { Reload } from "../utilites";
+import { Reload } from "../utilities";
 
 interface Props {
   children: string;

frontend/src/special-pages/UIError.tsx

@@ -3,7 +3,7 @@ import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import React, { FunctionComponent } from "react";
 import { Button, Container } from "react-bootstrap";
 import { GithubRepoRoot } from "../constants";
-import { Reload } from "../utilites";
+import { Reload } from "../utilities";
 
 interface Props {
   error: Error;