fix(mobile): add Public notes view to Quick Access

Author: typelets

apps/mobile/v1/src/screens/FolderNotes/components/NotesList/NotesHeader.tsx

@@ -10,7 +10,7 @@ interface NotesHeaderProps {
   filteredNotesCount: number;
   totalNotesCount: number;
   hasActiveFilters: boolean;
-  viewType?: 'all' | 'starred' | 'archived' | 'trash';
+  viewType?: 'all' | 'starred' | 'public' | 'archived' | 'trash';
   subfoldersCount: number;
   onFilterPress: () => void;
   onCreateNotePress: () => void;
@@ -36,7 +36,7 @@ export const NotesHeader: React.FC<NotesHeaderProps> = ({
       <View style={[styles.sectionHeader, { marginTop: subfoldersCount > 0 ? 12 : 16 }]}>
         <Text style={[styles.sectionTitle, { color: theme.colors.mutedForeground }]}>
           NOTES ({String(filteredNotesCount || 0)})
-          {filteredNotesCount !== totalNotesCount && ` (${totalNotesCount} total)`}
+          {viewType !== 'public' && filteredNotesCount !== totalNotesCount && ` (${totalNotesCount} total)`}
         </Text>
         <GlassView glassEffectStyle="regular" style={[styles.squareButtonGlass, { backgroundColor: theme.isDark ? 'rgba(255, 255, 255, 0.01)' : 'rgba(0, 0, 0, 0.01)' }]}>
           <TouchableOpacity

apps/mobile/v1/src/screens/FolderNotes/components/NotesList/index.tsx

@@ -33,7 +33,7 @@ const FAB_ANIMATION_DISTANCE = 20;      // Distance to slide up during animation
 
 interface RouteParams {
   folderId?: string;
-  viewType?: 'all' | 'starred' | 'archived' | 'trash';
+  viewType?: 'all' | 'starred' | 'public' | 'archived' | 'trash';
   searchQuery?: string;
   folderName?: string;
 }
@@ -409,8 +409,16 @@ export default function NotesList({ navigation, route, renderHeader, scrollY: pa
     }
   }, [notes]);
 
+  // Create effective filter config - auto-enable showPublicOnly for public view
+  const effectiveFilterConfig = useMemo(() => {
+    if (viewType === 'public') {
+      return { ...filterConfig, showPublicOnly: true };
+    }
+    return filterConfig;
+  }, [filterConfig, viewType]);
+
   // Filter and sort notes (enhanced cache is populated above)
-  const filteredNotes = useNotesFiltering(notes, searchQuery, filterConfig, sortConfig);
+  const filteredNotes = useNotesFiltering(notes, searchQuery, effectiveFilterConfig, sortConfig);
 
   // Pre-calculate folder paths
   const folderPathsMap = useFolderPaths(allFolders);

apps/mobile/v1/src/screens/FolderNotes/components/NotesList/useNotesLoader.ts

@@ -10,7 +10,7 @@ import type { SortConfig } from './FilterSortSheet';
 
 interface UseNotesLoaderProps {
   folderId?: string;
-  viewType?: 'all' | 'starred' | 'archived' | 'trash';
+  viewType?: 'all' | 'starred' | 'public' | 'archived' | 'trash';
   sortConfig: SortConfig;
   userId?: string;
   screenFocusTime: React.MutableRefObject<number>;
@@ -224,6 +224,11 @@ export function useNotesLoader({
       // Add view type filters
       if (viewType === 'starred') {
         queryParams.starred = true;
+      } else if (viewType === 'public') {
+        // Public view: fetch all non-deleted, non-archived notes
+        // Client-side filtering by isPublished happens in useNotesFiltering
+        queryParams.deleted = false;
+        queryParams.archived = false;
       } else if (viewType === 'archived') {
         queryParams.archived = true;
       } else if (viewType === 'trash') {

apps/mobile/v1/src/screens/FolderNotes/index.tsx

@@ -21,6 +21,7 @@ function getViewTitle(viewType: string): string {
   switch (viewType) {
     case 'all': return 'All Notes';
     case 'starred': return 'Starred';
+    case 'public': return 'Public';
     case 'archived': return 'Archived';
     case 'trash': return 'Trash';
     default: return 'Notes';
@@ -30,7 +31,7 @@ function getViewTitle(viewType: string): string {
 interface FolderNotesScreenProps {
   folderId?: string;
   folderName?: string;
-  viewType?: 'all' | 'starred' | 'archived' | 'trash';
+  viewType?: 'all' | 'starred' | 'public' | 'archived' | 'trash';
 }
 
 export default function FolderNotesScreen({ folderId, folderName, viewType }: FolderNotesScreenProps) {

apps/mobile/v1/src/screens/Home/index.tsx

@@ -7,7 +7,7 @@ import { GlassView } from 'expo-glass-effect';
 import { LinearGradient } from 'expo-linear-gradient';
 import { useRouter } from 'expo-router';
 import React, { useCallback,useEffect, useMemo, useRef, useState } from 'react';
-import { ActivityIndicator, Alert, Animated, Image, Keyboard, RefreshControl, ScrollView, StyleSheet, Text, TouchableOpacity, View } from 'react-native';
+import { ActivityIndicator, Alert, Animated, Dimensions, Image, Keyboard, RefreshControl, ScrollView, StyleSheet, Text, TouchableOpacity, View } from 'react-native';
 import { SafeAreaView, useSafeAreaInsets } from 'react-native-safe-area-context';
 
 import { OfflineIndicator } from '../../components/OfflineIndicator';
@@ -16,6 +16,11 @@ import { useNetworkStatus } from '../../hooks/useNetworkStatus';
 import { type Folder, type FolderCounts,useApiService } from '../../services/api';
 import { useTheme } from '../../theme';
 
+// Calculate folder grid item width
+// Container has paddingHorizontal: 16 (32px total) and gap: 12
+const SCREEN_WIDTH = Dimensions.get('window').width;
+const FOLDER_GRID_ITEM_WIDTH = (SCREEN_WIDTH - 32 - 12) / 2;
+
 // Special views configuration matching web app
 const SPECIAL_VIEWS = [
   {
@@ -28,6 +33,11 @@ const SPECIAL_VIEWS = [
     label: 'Starred',
     icon: 'star' as const,
   },
+  {
+    id: 'public',
+    label: 'Public',
+    icon: 'globe' as const,
+  },
   {
     id: 'archived',
     label: 'Archived',
@@ -62,6 +72,7 @@ export default function HomeScreen() {
   const [counts, setCounts] = useState({
     all: 0,
     starred: 0,
+    public: 0,
     archived: 0,
     trash: 0,
   });
@@ -159,6 +170,7 @@ export default function HomeScreen() {
       const newCounts = {
         all: noteCounts.all || 0,
         starred: noteCounts.starred || 0,
+        public: noteCounts.public || 0,
         archived: noteCounts.archived || 0,
         trash: noteCounts.trash || 0,
       };
@@ -170,7 +182,7 @@ export default function HomeScreen() {
     } catch (error) {
       if (__DEV__) console.error('Failed to load folders data:', error);
       setAllFolders([]);
-      setCounts({ all: 0, starred: 0, archived: 0, trash: 0 });
+      setCounts({ all: 0, starred: 0, public: 0, archived: 0, trash: 0 });
     } finally {
       if (!isRefresh) {
         setLoading(false);
@@ -262,7 +274,7 @@ export default function HomeScreen() {
       setRefreshing(true);
       // Clear current data to force fresh load
       setAllFolders([]);
-      setCounts({ all: 0, starred: 0, archived: 0, trash: 0 });
+      setCounts({ all: 0, starred: 0, public: 0, archived: 0, trash: 0 });
       await loadFoldersData(true, true); // isRefresh=true, forceRefresh=true
     } finally {
       setRefreshing(false);
@@ -930,7 +942,7 @@ const styles = StyleSheet.create({
     backgroundColor: 'rgba(0, 0, 0, 0.01)',
   },
   glassCreateFolderGrid: {
-    width: '48%',
+    width: FOLDER_GRID_ITEM_WIDTH,
     borderRadius: FOLDER_CARD.BORDER_RADIUS,
     overflow: 'hidden',
     backgroundColor: 'rgba(0, 0, 0, 0.01)',
@@ -954,7 +966,7 @@ const styles = StyleSheet.create({
     paddingRight: 12,
   },
   folderItemGrid: {
-    width: '48%',
+    width: FOLDER_GRID_ITEM_WIDTH,
     padding: 16,
     minHeight: 100,
     borderWidth: 1,

apps/mobile/v1/src/services/api/databaseCache.ts

@@ -156,6 +156,7 @@ export async function getCachedNotes(filters?: {
   starred?: boolean;
   archived?: boolean;
   deleted?: boolean;
+  isPublic?: boolean;
 }): Promise<Note[]> {
   try {
     const db = getDatabase();
@@ -179,6 +180,10 @@ export async function getCachedNotes(filters?: {
       conditions.push('deleted = ?');
       params.push(filters.deleted ? 1 : 0);
     }
+    if (filters?.isPublic !== undefined) {
+      conditions.push('is_published = ?');
+      params.push(filters.isPublic ? 1 : 0);
+    }
 
     const whereClause = conditions.length > 0 ? `WHERE ${conditions.join(' AND ')}` : '';
 

apps/mobile/v1/src/services/api/notes/core.ts

@@ -93,6 +93,11 @@ export function createNotesApi(getToken: AuthTokenGetter, getUserId: () => strin
         if (note.deleted !== params.deleted) return false;
       }
 
+      // Filter by isPublic (published notes)
+      if (params.isPublic !== undefined) {
+        if (note.isPublished !== params.isPublic) return false;
+      }
+
       return true;
     });
   };
@@ -322,6 +327,7 @@ export function createNotesApi(getToken: AuthTokenGetter, getUserId: () => strin
           starred: params?.starred as boolean | undefined,
           archived: params?.archived as boolean | undefined,
           deleted: params?.deleted as boolean | undefined,
+          isPublic: params?.isPublic as boolean | undefined,
         };
 
         // Step 1: Try to get from local database cache

apps/mobile/v1/src/services/api/types.ts

@@ -109,6 +109,7 @@ export interface NoteQueryParams {
   archived?: boolean;
   deleted?: boolean;
   hidden?: boolean;
+  isPublic?: boolean;
 }
 
 export interface EmptyTrashResponse {