added login modal

src/screens/auth/registeration/ui/Confirm.tsx

@@ -7,8 +7,9 @@ import { useMutation } from '@tanstack/react-query';
 import { authApi } from 'api/auth';
 import { otpPayload, resendPayload } from 'api/auth/type';
 import AppText from 'components/AppText';
+import ErrorNotification from 'components/ErrorNotification';
 import formatPhone from 'helpers/formatPhone';
-import React, { useEffect, useRef, useState } from 'react';
+import React, { useRef, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import {
   ActivityIndicator,
@@ -22,7 +23,6 @@ import {
 } from 'react-native';
 import { SafeAreaView } from 'react-native-safe-area-context';
 import Logo from 'screens/../../assets/bootsplash/logo_512.png';
-import { useModalStore } from 'screens/auth/registeration/lib/modalStore';
 import LanguageSelector from 'screens/auth/select-language/SelectLang';
 import ArrowLeft from 'svg/ArrowLeft';
 import { RootStackParamList } from 'types/types';
@@ -49,6 +49,8 @@ const Confirm = ({
   const [errorConfirm, setErrorConfirm] = useState<string | null>(null);
   const inputRefs = useRef<Array<TextInput | null>>([]);
   const { phoneNumber } = useUserStore(state => state);
+  const [visible, setVisible] = useState(false);
+  const [error, setError] = useState<string>('Xatolik yuz berdi');
   // const [firebaseToken, setFirebseToken] = useState<{
   //   fcmToken: string;
   //   deviceId: string;
@@ -86,8 +88,8 @@ const Confirm = ({
       setErrorConfirm(null);
     },
     onError: (err: any) => {
-      console.dir(err);
-      setErrorConfirm(err?.response.data.message);
+      setError(err?.response?.data?.message || 'Xatolik yuz berdi');
+      setVisible(true);
     },
   });
 
@@ -101,26 +103,11 @@ const Confirm = ({
       setErrorConfirm(null);
     },
     onError: (err: any) => {
-      setErrorConfirm(err?.response.data.message);
+      setError(err?.response?.data?.message || 'Xatolik yuz berdi');
+      setVisible(true);
     },
   });
 
-  const openModal = useModalStore(state => state.openModal);
-  useEffect(() => {
-    let interval: NodeJS.Timeout | null = null;
-    if (timer > 0) {
-      interval = setInterval(() => {
-        setTimer(prevTimer => prevTimer - 1);
-      }, 1000);
-    } else {
-      setCanResend(true);
-      if (interval) clearInterval(interval);
-    }
-    return () => {
-      if (interval) clearInterval(interval);
-    };
-  }, [timer]);
-
   const handleCodeChange = (text: string, index: number) => {
     const newCode = [...code];
     newCode[index] = text;
@@ -179,6 +166,11 @@ const Confirm = ({
           </TouchableOpacity>
           <LanguageSelector />
         </View>
+        <ErrorNotification
+          setVisible={setVisible}
+          error={error}
+          visible={visible}
+        />
         <KeyboardAvoidingView
           style={styles.container}
           behavior={Platform.OS === 'ios' ? 'padding' : 'height'}