filter out "Enterprise" documents and add mock favorites in profile and home components

Author: MarkTheRealCoder

src/frontend/components/layout/LeftSidebar.tsx

@@ -116,7 +116,7 @@ const LeftSidebar: React.FC = () => {
 
     // Simulate recent documents by sorting all documents by a "last viewed" algorithm
     // In a real app, this would come from user's view history
-    const recentDocs = allDocuments
+    const recentDocs = allDocuments.filter((a => a.id !== "mock-file-react-for-beginners" && !a.title.includes("Enterprise")))
       .map(doc => {
         // Create a simulated "last viewed" timestamp based on document properties
         // Use document ID and current user ID to create consistent but varied timestamps

src/frontend/components/pages/Home.tsx

@@ -12,6 +12,7 @@ import { cn } from '../../lib/utils';
 import DocumentView from '../modals/DocumentView';
 import { useAppNavigate, useScrollToTop } from '@/lib/navigation';
 import { Separator } from '../ui/separator';
+import {faker} from "@faker-js/faker";
 
 const Home = () => {
   const appNavigate = useAppNavigate();
@@ -115,12 +116,16 @@ const Home = () => {
     const currentUsername = "bartsimpson"; // This would be dynamic in a real app
 
     // Sort for recent (by "last opened" rather than upload date)
-    const recentDocuments = [...allDocuments].sort((a, b) => 
+    const recentDocuments = [...allDocuments]
+        .filter((a => a.id !== "mock-file-react-for-beginners" && !a.title.includes("Enterprise"))) // Exclude specific document
+        .sort((a, b) =>
       getHoursSinceLastOpened(a) - getHoursSinceLastOpened(b)
     );
 
     // Sort for trending (by view count, download count, and recency)
-    const trendingDocuments = [...allDocuments].sort((a, b) => {
+    const trendingDocuments = [...allDocuments]
+        .filter((a => a.id !== "mock-file-react-for-beginners" && !a.title.includes("Enterprise"))) // Exclude specific document
+        .sort((a, b) => {
       // Score = (viewCount * 1) + (downloadCount * 2) + (recency factor * 4)
       // Recency factor = 1 / (days old + 1) to keep it between 0-1
       const daysA = Math.floor((new Date().getTime() - a.file.uploadedAt.getTime()) / (1000 * 60 * 60 * 24));
@@ -136,12 +141,14 @@ const Home = () => {
 
     // Simple recommendations (just use a different slice of trending documents)
     const recommendationDocuments = [...trendingDocuments]
+      .filter((a => a.id !== "mock-file-react-for-beginners" && !a.title.includes("Enterprise"))) // Exclude "Enterprise" documents)) // Exclude specific document
       .filter(doc => doc.author.username !== currentUsername) // Exclude user's own documents
       .slice(3, 13);
 
     // Initialize favorites (mock some documents similar to Profile.tsx)
-    const favorites = allDocuments.slice(0, 3);
-    
+    const favorites = [...allDocuments.slice(0, 3), ...allDocuments.filter(a => a.id === "mock-file-react-for-beginners")];
+
+
     // Get user documents and sort by last edited time (newest first)
     const userDocuments = allDocuments
       .filter(doc => doc.author.username === currentUsername)
@@ -167,14 +174,14 @@ const Home = () => {
       if (docExists) {
         return prev.filter(doc => doc.id !== docId);
       }
-      
-      const docToAdd = [...recentDocs, ...trendingDocs].find(doc => doc.id === docId);
+
+      const docToAdd = [...trendingDocs, ...recentDocs].find(doc => doc.id === docId);
       if (docToAdd) {
         return [...prev, docToAdd];
       }
       return prev;
     });
-  }, [recentDocs, trendingDocs]);
+  }, [trendingDocs, recentDocs]);
 
   // Format file size
   const formatFileSize = (size: string): string => {

src/frontend/components/pages/Profile.tsx

@@ -137,13 +137,15 @@ const Profile = () => {
     setUserDocuments(userDocs);
 
     // Sort for recent (by "last opened" rather than upload date) - same as Home
-    const recentDocuments = [...allDocuments].sort((a, b) => 
+    const recentDocuments = [...allDocuments]
+        .filter(doc => !doc.title.includes("Enterprise")) // Exclude "Enterprise" documents
+        .sort((a, b) =>
       getHoursSinceLastOpened(a) - getHoursSinceLastOpened(b)
     );
     setRecentDocs(recentDocuments);
 
     // Mock favorites (in a real app, this would come from user data)
-    const favorites = allDocuments.slice(0, 3);
+    const favorites = [...allDocuments.slice(0, 3), ...allDocuments.filter(a => a.id === "mock-file-react-for-beginners")];
     setFavoriteDocuments(favorites);
 
     // Initialize current user state if not already set

src/frontend/lib/mocking/mockedData.ts

@@ -100,7 +100,8 @@ class MockDataStore {
       'Il Principe di Machiavelli: Politica di Potere Ieri e Oggi',
       'Don Chisciotte: Cervantes e la Nascita del Romanzo Moderno',
       'Beowulf: L\'Epica Inglese più Antica',
-      'Enterprise Integration Patterns: Designing, Building, and Deploying Messaging Solutions'
+      'Enterprise Integration Patterns: Designing, Building, and Deploying Messaging Solutions',
+      'React per Principianti: Guida Completa allo Sviluppo di Interfacce Utente',
     ];
 
     const documentDescriptions = [
@@ -116,7 +117,8 @@ class MockDataStore {
       'Esaminando il controverso trattato politico di Niccolò Machiavelli sul potere e il governo.',
       'Uno studio approfondito del romanzo rivoluzionario di Miguel de Cervantes e il suo posto nella tradizione letteraria europea.',
       'Un\'analisi approfondita del poema epico eroico inglese antico Beowulf e il suo significato culturale.',
-      'This is a book about enterprise integration using messaging. It does not document any particular technology or product. Rather, it is designed for developers and integrators using a variety of messaging products and technologies, such as ActiveMQ, IBM MQ, JMS, and others.'
+      'This is a book about enterprise integration using messaging. It does not document any particular technology or product. Rather, it is designed for developers and integrators using a variety of messaging products and technologies, such as ActiveMQ, IBM MQ, JMS, and others.',
+      'Una guida completa per principianti su React, coprendo i concetti fondamentali, le migliori pratiche e lo sviluppo di interfacce utente moderne.'
     ];
 
     const tagsPool = [
@@ -132,16 +134,17 @@ class MockDataStore {
       ['machiavelli', 'politica', 'rinascimento'],
       ['spagnolo', 'letteratura', 'rinascimento', 'cervantes'],
       ['medievale', 'inglese-antico', 'epico', 'poesia'],
-      ['java', 'enterprise', 'integration', 'messaging', 'jms', 'activemq', 'ibm', 'mq']
+      ['java', 'enterprise', 'integration', 'messaging', 'jms', 'activemq', 'ibm', 'mq'],
+      ['javascript', 'react', 'frontend', 'ui', 'web']
     ];
 
     const fileTypes: ('pdf' | 'word' | 'powerpoint' | 'txt' | 'epub')[] = [
       'pdf', 'epub', 'pdf', 'pdf', 'epub', 'pdf', 
       'pdf', 'epub', 'pdf', 'pdf', 'epub', 'pdf',
-      'pdf'
+      'pdf', "pdf"
     ];
 
-    for (let i = 0; i < 13; i++) {
+    for (let i = 0; i < 14; i++) {
       const userIndex = i % this.users.length;
       const author = this.users[userIndex];
 
@@ -155,7 +158,7 @@ class MockDataStore {
 
       // Create the file first
       const file: MockFile = {
-        id: faker.string.uuid(),
+        id: i != 13 ? faker.string.uuid() : "mock-file-react-for-beginners",
         author: author,
         thumbnail: thumbnail,
         type: fileTypes[i],
@@ -177,15 +180,15 @@ class MockDataStore {
       // Then create the document with a placeholder rating (will be updated later)
       // We need to create a placeholder rating because document and rating have circular references
       const placeholderRating: MockRating = {
-        id: faker.string.uuid(),
+        id: i != 13 ? faker.string.uuid() : "mock-file-react-for-beginners",
         author: author,
         document: {} as MockDocument, // Will be updated
         rating: i === 3 ? 5 : 0,
         timestamp: new Date()
       };
 
       const document: MockDocument = {
-        id: faker.string.uuid(),
+        id: i != 13 ? faker.string.uuid() : "mock-file-react-for-beginners",
         title: documentTitles[i],
         description: documentDescriptions[i],
         rating: placeholderRating,
@@ -374,7 +377,7 @@ class MockDataStore {
   private generateBookmarks(): void {
     // Each user will have between 1 and 4 saved documents
     for (const user of this.users) {
-      const bookmarkCount = faker.number.int({ min: 1, max: 4 });
+      const bookmarkCount = 4;
 
       // Create an array of document indices and shuffle it
       const availableDocIndices = Array.from({ length: this.documents.length }, (_, i) => i);
@@ -384,14 +387,12 @@ class MockDataStore {
       }
 
       // Use the first bookmarkCount indices
-      for (let i = 0; i < bookmarkCount; i++) {
-        const documentIndex = availableDocIndices[i];
-        const document = this.documents[documentIndex];
+      for (const d of [...this.documents.slice(0,3), ...this.documents.filter(a => a.id === "mock-file-react-for-beginners")]) {
 
         const bookmark: MockBookmark = {
           id: faker.string.uuid(),
           user: user,
-          document: document,
+          document: d,
           timestamp: faker.date.recent({ days: 30 })
         };