From 0e49367c443723fdf9ee722529b553917b4143ea Mon Sep 17 00:00:00 2001 From: "Bernise.john" Date: Mon, 6 Jul 2026 11:34:25 +0530 Subject: [PATCH 1/5] Added initials indicator to drafting header --- src/app/screens/DraftingScreen.tsx | 74 ++++++++++++++----- src/components/layout/DraftingHeader.tsx | 31 +++++++- src/components/ui/AccountInitialsButton.tsx | 80 +++++++++++++++++++++ src/db/queries.ts | 29 ++++++++ src/hooks/useActiveAccountSummary.ts | 65 +++++++++++++++++ src/types/db/types.ts | 8 +++ 6 files changed, 267 insertions(+), 20 deletions(-) create mode 100644 src/components/ui/AccountInitialsButton.tsx create mode 100644 src/hooks/useActiveAccountSummary.ts diff --git a/src/app/screens/DraftingScreen.tsx b/src/app/screens/DraftingScreen.tsx index 4faab68..b417716 100644 --- a/src/app/screens/DraftingScreen.tsx +++ b/src/app/screens/DraftingScreen.tsx @@ -5,12 +5,20 @@ import { useSync } from '../../hooks/useSync'; import { RecordTab } from '../tabs/RecordTab'; import { useSyncStatus } from '../../hooks/useSyncStatus'; import { onSyncComplete } from '../../services/syncEvents'; +import { UserSettingsMenu } from '../../components/ui/UserSettingsMenu'; import { StackNavigationProp } from '@react-navigation/stack'; import React, { useCallback, useEffect, useState } from 'react'; +import { useActiveAccountSummary } from '../../hooks/useActiveAccountSummary'; import { RootStackParamList } from '../../types/navigation/types'; import { DraftingHeader } from '../../components/layout/DraftingHeader'; import { ChapterAssignmentData, VerseData } from '../../types/db/types'; -import { ActivityIndicator, StyleSheet, Text, View } from 'react-native'; +import { + ActivityIndicator, + StyleSheet, + Text, + useWindowDimensions, + View, +} from 'react-native'; import { ScreenContainer } from '../../components/layout/ScreenContainer'; import { useNavigation, useRoute, RouteProp } from '@react-navigation/native'; import { @@ -19,9 +27,8 @@ import { } from '../../utils/draftingTabState'; import { DraftingProvider, - useDraftingContext, + // useDraftingContext, } from '../context/DraftingContext'; -import { SourceAudioPlayerBar } from '../../components/layout/SourceAudioPlayerBar'; import { DraftingTab, DraftingTabBar, @@ -40,6 +47,7 @@ type Route = RouteProp; export default function DraftingScreen() { const navigation = useNavigation