bytelyst/learning_ai_notes
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(mobile): polish note detail loading state

Browse Source
This commit is contained in:
saravanakumardb1 2026-03-10 09:36:46 -07:00
parent 02dea5cd80
commit cb02b85237
1 changed files with 4 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
mobile/src/app/note/[id].tsx
View File

@ -8,6 +8,7 @@ export default function NoteDetailScreen() {
const params = useLocalSearchParams<{ id: string }>();
const noteId = params.id ?? 'unknown';
const selectedNote = useNotesStore((state: NotesState) => state.selectedNote);
const isLoading = useNotesStore((state: NotesState) => state.isLoading);
const openNote = useNotesStore((state: NotesState) => state.openNote);
const updateNote = useNotesStore((state: NotesState) => state.updateNote);
const [isEditing, setIsEditing] = useState(false);
@ -33,6 +34,7 @@ export default function NoteDetailScreen() {
<View style={styles.card}>
<Text style={styles.sectionTitle}>Summary</Text>
{isLoading ? <Text style={styles.body}>Loading note…</Text> : null}
{isEditing ? (
<>
<TextInput
@ -73,7 +75,7 @@ export default function NoteDetailScreen() {
</Pressable>
</View>
</>
) : (
) : !isLoading ? (
<>
<Text style={styles.body}>
{selectedNote?.body ??
@ -83,7 +85,7 @@ export default function NoteDetailScreen() {
<Text style={styles.primaryButtonText}>Edit note</Text>
</Pressable>
</>
)}
) : null}
</View>
<View style={styles.card}>