Don't show loading episodes if no followed shows

Author: trybick

front/src/features/calendar/CalendarHeader.tsx

@@ -7,6 +7,7 @@ import { MdOutlineResetTv } from 'react-icons/md';
 import { useIsMobile } from '~/hooks/useIsMobile';
 import { useAppSelector } from '~/store';
 import { followApi } from '~/store/rtk/api/follow.api';
+import { selectFollowedShows } from '~/store/rtk/slices/user.selectors';
 import {
   selectCalendarEpisodesForDisplay,
   selectIsLoadingCalendarEpisodes,
@@ -28,6 +29,7 @@ const CalendarHeader = ({ calendarRef, title, viewRange }: Props) => {
   const isLoadingCalendarEpisodes = useAppSelector(
     selectIsLoadingCalendarEpisodes
   );
+  const followedShows = useAppSelector(selectFollowedShows);
   const { isLoading: isLoadingFollowedShows } = useAppSelector(
     followApi.endpoints.getFollowedShows.select(undefined)
   );
@@ -76,7 +78,10 @@ const CalendarHeader = ({ calendarRef, title, viewRange }: Props) => {
       <Box>
         {!isMobile && (
           <LoadingEpisodesBanner
-            isLoading={isLoadingCalendarEpisodes || isLoadingFollowedShows}
+            isLoading={
+              followedShows.length > 0 &&
+              (isLoadingCalendarEpisodes || isLoadingFollowedShows)
+            }
             hasNoEpisodesThisMonth={!hasEpisodesInCurrentMonth}
           />
         )}