⌨️ Moved types to an npm module

src/client/components/Card.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { IExtractedComicBookCoverFile } from "../../server/interfaces/folder.interface";
+import { IExtractedComicBookCoverFile } from "threetwo-ui-typings";
 import { removeLeadingPeriod } from "../shared/utils/formatting.utils";
 import { isUndefined, isEmpty } from "lodash";
 import { Link } from "react-router-dom";

src/client/components/Dashboard.tsx

@@ -3,6 +3,7 @@ import { connect } from "react-redux";
 import ZeroState from "./ZeroState";
 import { RecentlyImported } from "./RecentlyImported";
 import { getRecentlyImportedComicBooks } from "../actions/fileops.actions";
+import { isEmpty, isUndefined } from "lodash";
 
 interface IProps {
   getRecentComics: Function;

src/client/components/Import.tsx

@@ -2,7 +2,7 @@ import * as React from "react";
 import { isUndefined } from "lodash";
 import { connect } from "react-redux";
 import { fetchComicBookMetadata } from "../actions/fileops.actions";
-import { IFolderData } from "../shared/interfaces/comicinfo.interfaces";
+import { IFolderData } from "threetwo-ui-typings";
 import { io, Socket } from "socket.io-client";
 import { SOCKET_BASE_URI } from "../constants/endpoints";
 import DynamicList, { createCache } from "react-window-dynamic-list";
@@ -34,6 +34,15 @@ class Import extends React.Component<IProps, IState> {
     });
   }
 
+  /**
+   * This initializes a socket.io connection instance with supplied configuration
+   *
+   * @return {void} A good string
+   *
+   * @example
+   *
+   *     initiateSocketConnection()
+   */
   public initiateSocketConnection = () => {
     if (typeof this.props.path !== "undefined") {
       socket = io(SOCKET_BASE_URI, {
@@ -121,7 +130,6 @@ class Import extends React.Component<IProps, IState> {
 
           {!isUndefined(this.state.folderWalkResults) ? (
             <div>
-              {/* <Card comicBookCoversMetadata={this.props.garam} /> */}
               <DynamicList
                 data={this.props.covers}
                 cache={this.cache}

src/client/components/MatchResult.tsx

@@ -1,8 +1,5 @@
 import * as React from "react";
-import {
-  IComicVineSearchMatch,
-  IFolderData,
-} from "../shared/interfaces/comicinfo.interfaces";
+import { IComicVineSearchMatch, IFolderData } from "threetwo-ui-typings";
 import _ from "lodash";
 import { autoMatcher } from "../shared/utils/query.transformer";