vaibhavgehani

import React from 'react';
import ChatScreen from './Screens/ChatScreen/ChatScreen';
import PasswordScreen from './Screens/PasswordScreen/PasswordScreen';
import { createStackNavigator } from '@react-navigation/stack'
import { NavigationContainer } from '@react-navigation/native';
const Stack = createStackNavigator();

const App = () => {
  return (
    <NavigationContainer>

vaibhavgehani

import * as React from 'react';
import {
  NavigationContainerRef,
  DrawerActions,
  StackActions,
} from '@react-navigation/native';

export const navigationRef = React.createRef<NavigationContainerRef>();

export function navigate(

vaibhavgehani

import { createStackNavigator } from '@react-navigation/stack'
const Stack = createStackNavigator();

const RootNavigator = () => {
  return (
    <Stack.Navigator initialRouteName='password'>
        <Stack.Screen options={{title: 'Password'}} name='password' component={PasswordScreen} />
        <Stack.Screen options={{title: 'Chat', headerBackTitle: 'Logout'}} name='chat' component={ChatScreen} />
    </Stack.Navigator>
  );

vaibhavgehani

import './App.css';
import SocialLogin from './Screens/Login';
import { Route, Routes, BrowserRouter } from 'react-router-dom';
import Home from './Screens/Home';

function App() {
  return (
    <BrowserRouter>
    <Routes>
      <Route exact path="/" element={<SocialLogin/>}></Route>

vaibhavgehani

import React, { useEffect } from "react";
import { useLocation } from "react-router-dom";

export default function Home() {
    const location = useLocation();


    return (
        <div class="container">
            <div class="row">

vaibhavgehani

import { initializeApp } from 'firebase/app';
import { initializeFirestore } from 'firebase/firestore'
import { getAuth } from "firebase/auth";

const firebaseConfig = {
    apiKey: "<your_firebase_project_value>",
    authDomain: "<your_firebase_project_value>",
    projectId: "<your_firebase_project_value>",
    storageBucket: "<your_firebase_project_value>",
    messagingSenderId: "<your_firebase_project_value>",

vaibhavgehani

import './App.css';
import SocialLogin from './Screens/Login';
import { Route, Routes, BrowserRouter } from 'react-router-dom';
import Home from './Screens/Home';

function App() {
  return (
    <BrowserRouter>

vaibhavgehani

import React, { useEffect, useState } from "react";
import { GoogleAuthProvider, signInWithPopup, FacebookAuthProvider, GithubAuthProvider, RecaptchaVerifier, signInWithPhoneNumber, signInAnonymously } from "firebase/auth";
import { auth } from '../firebase';
import { useNavigate } from "react-router-dom";

export default function SocialLogin() {
  const appVerifier = window.recaptchaVerifier;
  const [enableBtn, setEnableBtn] = useState(false);
  const [ phoneNumber, setPhoneNumber ] = useState(); 
  const navigate = useNavigate();

vaibhavgehani

import { doc, getDoc, updateDoc } from "firebase/firestore";
import React, { useEffect, useState } from "react";
import { useNavigate, useParams } from "react-router-dom";
import { db } from "../firebase";
import Button from 'react-bootstrap/Button';
import Form from 'react-bootstrap/Form';

function UpdateUser({match}) {
    const { username } = useParams();
    const [usernameRN, setUsername] = useState();

vaibhavgehani

import React, { useEffect, useState } from "react";
import Table from 'react-bootstrap/Table';
import { db } from '../firebase';
import { collection, deleteDoc, doc, getDocs, query, where } from "firebase/firestore";
import { useNavigate } from "react-router-dom";

function Home() {
    const navigate = useNavigate();
    const [userList, setUserList] = useState([]);