fix: recent still show when recent is empty (#1487)

apps/web/src/components/pure/quick-search-modal/Results.tsx

@@ -49,7 +49,14 @@ export const Results: React.FC<ResultsProps> = ({
   const resultsPageMeta = pageList.filter(
     page => pageIds.indexOf(page.id) > -1 && !page.trash
   );
-
+  const recentlyViewedItem = recentlyViewed.filter(recent => {
+    const page = pageList.find(page => recent.id === page.id);
+    if (!page) {
+      return false;
+    } else {
+      return page.trash !== true;
+    }
+  });
   useEffect(() => {
     setShowCreatePage(!resultsPageMeta.length);
     //Determine whether to display the  ‘+ New page’
@@ -92,18 +99,9 @@ export const Results: React.FC<ResultsProps> = ({
         )
       ) : (
         <div>
-          {recentlyViewed.length > 0 && (
+          {recentlyViewedItem.length > 0 && (
             <Command.Group heading={t('Recent')}>
-              {recentlyViewed
+              {recentlyViewedItem.map(recent => {
-                .filter(recent => {
-                  const page = pageList.find(page => recent.id === page.id);
-                  if (!page) {
-                    return false;
-                  } else {
-                    return page.trash !== true;
-                  }
-                })
-                .map(recent => {
                 const page = pageList.find(page => recent.id === page.id);
                 assertExists(page);
                 return (