Merge pull request #111 from alrescha79-cmd/feature/signal-finder-metric-selector

feat(signal-finder): add RSRP/SINR metric toggle and UI improvements

Author: alrescha79-cmd

src/app/(tabs)/home.tsx

@@ -12,7 +12,7 @@ import { useRouter } from 'expo-router';
 import AsyncStorage from '@react-native-async-storage/async-storage';
 import { MaterialIcons } from '@expo/vector-icons';
 import { useTheme } from '@/theme';
-import { Card, ThemedAlertHelper, WebViewLogin, BandSelectionModal, getSelectedBandsDisplay, MonthlySettingsModal, DiagnosisResultModal, SpeedtestModal, MeshGradientBackground, AnimatedScreen, BouncingDots, ModernRefreshIndicator, CustomRefreshScrollView } from '@/components';
+import { Card, ThemedAlertHelper, WebViewLogin, BandSelectionModal, getSelectedBandsDisplay, MonthlySettingsModal, DiagnosisResultModal, SpeedtestModal, MeshGradientBackground, AnimatedScreen, BouncingDots, ModernRefreshIndicator, CustomRefreshScrollView, SignalPointingModal } from '@/components';
 import { QuickActionsCard, ConnectionStatusCard, NoDataWarningCard, SignalInfoCard, TrafficStatsCard, ConnectionStatusSkeleton, QuickActionsSkeleton, TrafficStatsSkeleton, homeStyles as styles } from '@/components/home';
 import { useAuthStore } from '@/stores/auth.store';
 import { useModemStore } from '@/stores/modem.store';
@@ -92,6 +92,7 @@ export default function HomeScreen() {
   const [diagnosisSummary, setDiagnosisSummary] = useState('');
 
   const [showSpeedtestModal, setShowSpeedtestModal] = useState(false);
+  const [showSignalPointingModal, setShowSignalPointingModal] = useState(false);
 
   const [isClearingHistory, setIsClearingHistory] = useState(false);
   const [lastClearedDate, setLastClearedDate] = useState<string | null>(null);
@@ -762,12 +763,11 @@ export default function HomeScreen() {
             mobileDataEnabled={!!mobileDataStatus?.dataswitch}
             isTogglingData={isTogglingData}
             isChangingIp={isChangingIp}
-            isRunningDiagnosis={isRunningDiagnosis}
             isRunningCheck={isRunningCheck}
             onOpenBandModal={() => setShowBandModal(true)}
             onChangeIp={handleChangeIp}
             onToggleMobileData={handleToggleMobileData}
-            onDiagnosis={handleDiagnosis}
+            onSignalPointing={() => setShowSignalPointingModal(true)}
             onQuickCheck={handleOneClickCheck}
             onSpeedtest={() => setShowSpeedtestModal(true)}
           />
@@ -846,6 +846,12 @@ export default function HomeScreen() {
             visible={showSpeedtestModal}
             onClose={() => setShowSpeedtestModal(false)}
           />
+
+          {/* Signal Pointing Modal */}
+          <SignalPointingModal
+            visible={showSignalPointingModal}
+            onClose={() => setShowSignalPointingModal(false)}
+          />
         </ScrollView>
       </MeshGradientBackground>
     </AnimatedScreen>

src/app/(tabs)/settings/mobile-network.tsx

@@ -7,11 +7,12 @@ import {
     TouchableOpacity,
     Text,
 } from 'react-native';
+import { useRouter } from 'expo-router';
 import { useTheme } from '@/theme';
 import { useAuthStore } from '@/stores/auth.store';
 import { ModemService } from '@/services/modem.service';
 import { useTranslation } from '@/i18n';
-import { BandSelectionModal, ThemedAlertHelper, getSelectedBandsDisplay, SettingsSection, SettingsItem, MonthlySettingsModal, SelectionModal, MeshGradientBackground, PageHeader, ThemedSwitch, BouncingDots, AnimatedScreen } from '@/components';
+import { BandSelectionModal, ThemedAlertHelper, getSelectedBandsDisplay, SettingsSection, SettingsItem, MonthlySettingsModal, SelectionModal, MeshGradientBackground, PageHeader, ThemedSwitch, BouncingDots, AnimatedScreen, SignalPointingModal } from '@/components';
 import { MaterialIcons } from '@expo/vector-icons';
 
 const NETWORK_MODES = [
@@ -26,6 +27,7 @@ export default function MobileNetworkSettingsScreen() {
     const { colors, typography } = useTheme();
     const { t } = useTranslation();
     const { credentials } = useAuthStore();
+    const router = useRouter();
 
     const [modemService, setModemService] = useState<ModemService | null>(null);
 
@@ -45,6 +47,7 @@ export default function MobileNetworkSettingsScreen() {
     const [selectedBandsDisplay, setSelectedBandsDisplay] = useState<string[]>([]);
 
     const [showMonthlyModal, setShowMonthlyModal] = useState(false);
+    const [showSignalPointingModal, setShowSignalPointingModal] = useState(false);
     const [monthlySettings, setMonthlySettings] = useState({
         enabled: false,
         startDay: 1,
@@ -273,6 +276,16 @@ export default function MobileNetworkSettingsScreen() {
                         />
                     </SettingsSection>
 
+                    {/* Signal Tools */}
+                    <SettingsSection title={t('settings.signalTools')}>
+                        <SettingsItem
+                            title={t('home.signalPointing')}
+                            subtitle={t('settings.signalPointingDesc')}
+                            onPress={() => setShowSignalPointingModal(true)}
+                            isLast
+                        />
+                    </SettingsSection>
+
                     <SelectionModal
                         visible={showNetworkModeModal}
                         title={t('settings.preferredNetwork')}
@@ -301,6 +314,12 @@ export default function MobileNetworkSettingsScreen() {
                         onSave={handleSaveMonthlySettings}
                         initialSettings={monthlySettings}
                     />
+
+                    {/* Signal Pointing Modal */}
+                    <SignalPointingModal
+                        visible={showSignalPointingModal}
+                        onClose={() => setShowSignalPointingModal(false)}
+                    />
                 </ScrollView>
             </MeshGradientBackground>
         </AnimatedScreen>