🔧 Added checks to stats modules

src/client/actions/comicinfo.actions.tsx

@@ -43,7 +43,7 @@ export const getWeeklyPullList = (options) => async (dispatch) => {
       url: `${COMICVINE_SERVICE_URI}/getWeeklyPullList`,
       method: "get",
       params: {
-        startDate: "2022-2-9",
+        startDate: "2022-2-15",
         pageSize: "15",
         currentPage: "1",
       },

src/client/assets/scss/App.scss

@@ -400,7 +400,7 @@ pre {
     display: -webkit-box; /* Not needed if autoprefixing */
     display: -ms-flexbox; /* Not needed if autoprefixing */
     display: flex;
-    // margin-left: -30px; /* gutter size offset */
+    margin-left: -10px; /* gutter size offset */
     width: auto;
     .issues-column {
       max-width: 102px;

src/client/components/ComicDetail.tsx

@@ -234,6 +234,7 @@ export const ComicDetail = ({}: ComicDetailProps): ReactElement => {
                   imageUrl={imagePath}
                   orientation={"vertical"}
                   hasDetails={false}
+                  cardContainerStyle={{ maxWidth: 275 }}
                 />
                 {/* action dropdown */}
                 <div className="mt-4 is-size-7">

src/client/components/Dashboard/Dashboard.tsx

@@ -53,7 +53,8 @@ export const Dashboard = (): ReactElement => {
                     </span>{" "}
                     files
                   </dd>
-                  {!isUndefined(libraryStatistics.statistics) && (
+                  {!isUndefined(libraryStatistics.statistics) &&
+                    !isEmpty(libraryStatistics.statistics[0].issues) && (
                       <dd className="is-size-6">
                         <span className="has-text-weight-bold">
                           {libraryStatistics.statistics[0].issues.length}
@@ -82,7 +83,11 @@ export const Dashboard = (): ReactElement => {
               {/* file types */}
               <div className="box stats-palette p-3 column ml-5">
                 <dl>
-                  {!isUndefined(libraryStatistics.statistics) && (
+                  {!isUndefined(libraryStatistics.statistics) &&
+                    !isEmpty(
+                      libraryStatistics.statistics[0]
+                        .publisherWithMostComicsInLibrary[0],
+                    ) && (
                       <dd className="is-size-6">
                         <span className="has-text-weight-bold">
                           {
@@ -90,14 +95,13 @@ export const Dashboard = (): ReactElement => {
                               .publisherWithMostComicsInLibrary[0]._id
                           }
                         </span>
-                      {" has the most issues "}(
+                        {" has the most issues "}
                         <span className="has-text-weight-bold">
                           {
                             libraryStatistics.statistics[0]
                               .publisherWithMostComicsInLibrary[0].count
                           }
                         </span>
-                      )
                       </dd>
                     )}
                   <dd className="is-size-6">

src/client/components/VolumeDetail/PotentialLibraryMatches.tsx

@@ -9,7 +9,6 @@ import { escapePoundSymbol } from "../../shared/utils/formatting.utils";
 import prettyBytes from "pretty-bytes";
 
 const PotentialLibraryMatches = (props): ReactElement => {
-  console.log(props);
   const dispatch = useDispatch();
   const comicBooks = useSelector(
     (state: RootState) => state.comicInfo.comicBooksDetails,

src/client/components/VolumeDetail/VolumeDetail.tsx

@@ -178,6 +178,7 @@ const VolumeDetails = (props): ReactElement => {
                   comicBookDetails.sourcedMetadata.comicvine.volumeInformation
                     .image.small_url
                 }
+                cardContainerStyle={{ maxWidth: 275 }}
                 orientation={"vertical"}
                 hasDetails={false}
               />