Do not unnecessarily fetch stories/taxonomies

packages/dashboard/src/app/views/exploreTemplates/index.js

@@ -44,6 +44,7 @@ import useTemplateFilters from './filters/useTemplateFilters';
 import Content from './content';
 import Header from './header';
 import TemplateDetailsModal from './modal';
+import TemplateFiltersProvider from './filters/TemplateFiltersProvider';
 
 function ExploreTemplates() {
   const speak = useLiveRegion();
@@ -258,34 +259,36 @@ function ExploreTemplates() {
   }, [orderedTemplates, replace, updateTemplateView]);
 
   return (
-    <Layout.Provider>
-      <Header
-        isLoading={isLoading && !totalTemplates}
-        totalTemplates={totalVisibleTemplates}
-        searchOptions={searchOptions}
-        view={view}
-      />
-      <Content
-        isLoading={isLoading}
-        allPagesFetched={allPagesFetched}
-        page={page}
-        templates={orderedTemplates}
-        totalTemplates={totalVisibleTemplates}
-        search={searchFilterValue}
-        view={view}
-        templateActions={templateActions}
-      />
-      <Layout.Fixed>
-        <ScrollToTop />
-      </Layout.Fixed>
-      <TemplateDetailsModal
-        activeTemplate={activeTemplate}
-        activeTemplateIndex={activeTemplateIndex}
-        isDetailsViewOpen={isDetailsViewOpen}
-        templateActions={templateActions}
-        filteredTemplatesLength={orderedTemplates.length}
-      />
-    </Layout.Provider>
+    <TemplateFiltersProvider>
+      <Layout.Provider>
+        <Header
+          isLoading={isLoading && !totalTemplates}
+          totalTemplates={totalVisibleTemplates}
+          searchOptions={searchOptions}
+          view={view}
+        />
+        <Content
+          isLoading={isLoading}
+          allPagesFetched={allPagesFetched}
+          page={page}
+          templates={orderedTemplates}
+          totalTemplates={totalVisibleTemplates}
+          search={searchFilterValue}
+          view={view}
+          templateActions={templateActions}
+        />
+        <Layout.Fixed>
+          <ScrollToTop />
+        </Layout.Fixed>
+        <TemplateDetailsModal
+          activeTemplate={activeTemplate}
+          activeTemplateIndex={activeTemplateIndex}
+          isDetailsViewOpen={isDetailsViewOpen}
+          templateActions={templateActions}
+          filteredTemplatesLength={orderedTemplates.length}
+        />
+      </Layout.Provider>
+    </TemplateFiltersProvider>
   );
 }
 

packages/dashboard/src/app/views/myStories/index.js

@@ -29,6 +29,7 @@ import useApi from '../../api/useApi';
 import useStoryFilters from './filters/useStoryFilters';
 import Content from './content';
 import Header from './header';
+import StoryFiltersProvider from './filters/StoryFiltersProvider';
 
 function MyStories() {
   const {
@@ -111,36 +112,38 @@ function MyStories() {
   }, [stories, storiesOrderById]);
 
   return (
-    <Layout.Provider>
-      <Header
-        initialPageReady={initialPageReady}
-        stories={orderedStories}
-        totalStoriesByStatus={totalStoriesByStatus}
-        view={view}
-      />
+    <StoryFiltersProvider>
+      <Layout.Provider>
+        <Header
+          initialPageReady={initialPageReady}
+          stories={orderedStories}
+          totalStoriesByStatus={totalStoriesByStatus}
+          view={view}
+        />
 
-      <Content
-        allPagesFetched={allPagesFetched}
-        canViewDefaultTemplates={canViewDefaultTemplates}
-        filtersObject={filtersObject}
-        loading={{
-          isLoading: isLoading,
-          showStoriesWhileLoading,
-        }}
-        page={page}
-        stories={orderedStories}
-        storyActions={{
-          duplicateStory,
-          trashStory,
-          updateStory,
-        }}
-        view={view}
-      />
+        <Content
+          allPagesFetched={allPagesFetched}
+          canViewDefaultTemplates={canViewDefaultTemplates}
+          filtersObject={filtersObject}
+          loading={{
+            isLoading: isLoading,
+            showStoriesWhileLoading,
+          }}
+          page={page}
+          stories={orderedStories}
+          storyActions={{
+            duplicateStory,
+            trashStory,
+            updateStory,
+          }}
+          view={view}
+        />
 
-      <Layout.Fixed>
-        <ScrollToTop />
-      </Layout.Fixed>
-    </Layout.Provider>
+        <Layout.Fixed>
+          <ScrollToTop />
+        </Layout.Fixed>
+      </Layout.Provider>
+    </StoryFiltersProvider>
   );
 }
 

packages/dashboard/src/components/interfaceSkeleton/index.js

@@ -35,7 +35,6 @@ import { APP_ROUTES, ROUTE_TITLES } from '../../constants';
 import { Route, useRouteHistory } from '../../app/router';
 import { AppFrame, LeftRail, PageContent } from '../pageStructure';
 import useApiAlerts from '../../app/api/useApiAlerts';
-import FiltersProvider from '../../app/views/filters/provider';
 import useApi from '../../app/api/useApi';
 import { useConfig } from '../../app/config';
 
@@ -146,26 +145,28 @@ const InterfaceSkeleton = ({ additionalRoutes }) => {
     <>
       <AppFrame>
         <LeftRail />
-        <FiltersProvider>
-          <PageContent>
-            <Route
-              exact
-              isDefault
-              path={APP_ROUTES.DASHBOARD}
-              component={<MyStoriesView />}
-            />
-            {canViewDefaultTemplates && (
+        <PageContent>
+          {availableRoutes.length > 0 && (
+            <>
               <Route
-                path={APP_ROUTES.TEMPLATES_GALLERY}
-                component={<ExploreTemplatesView />}
+                exact
+                isDefault
+                path={APP_ROUTES.DASHBOARD}
+                component={<MyStoriesView />}
               />
-            )}
-            {additionalRoutes &&
-              additionalRoutes.map((routeProps) => (
-                <Route key={routeProps.path} {...routeProps} />
-              ))}
-          </PageContent>
-        </FiltersProvider>
+              {canViewDefaultTemplates && (
+                <Route
+                  path={APP_ROUTES.TEMPLATES_GALLERY}
+                  component={<ExploreTemplatesView />}
+                />
+              )}
+              {additionalRoutes &&
+                additionalRoutes.map((routeProps) => (
+                  <Route key={routeProps.path} {...routeProps} />
+                ))}
+            </>
+          )}
+        </PageContent>
       </AppFrame>
       <Snackbar.Container
         notifications={currentSnacks}

packages/dashboard/src/karma/apiProviderFixture.js

@@ -143,7 +143,7 @@ function getStoriesState() {
   };
 }
 
-function fetchStories({ sort, filters }, currentState) {
+function fetchStories({ sort = {}, filters = {} }, currentState) {
   const storiesState = currentState ? { ...currentState } : getStoriesState();
   const {
     author,