Refer the Faq's page in documentation for clear understanding of the changes in between RTL & LTR, color varientaions such like light,dark & transperent, menu layout for vertical to horizontal
step-1: run command in the terminal to install latest firebase package. below code is for your reference
npm install firebase --save
step-2: Let's add your firebase api keys in it(check the process of firebase configuration below) with refer to our project we have added in to the following component\nowa\src\layout\firebase\firebase.jsx:
const firebaseConfig = {
apiKey: <
your apiKey>,
authDomain: <
your authDomain>,
projectId: <
your projectId>,
storageBucket: <
your storageBucket>,
messagingSenderId: <
your messagingSenderId>,
appId: <
your appId>,
measurementId: <
your measurementId>,
};
const firebaseApp = firebase.initializeApp(firebaseConfig);
const db = firebaseApp.firestore();
const auth = firebase.auth();
export { db, auth }
step-1: Remove your whole firebase folder from the template the path as follow root: src\layout\firebase
step-2: Remove from the Routing file src/main.jsx
<
Route path={`${import.meta.env.BASE_URL}/`} element={<
Auth />}>
<
Route index element={<
AuthLogin />} />
<
Route path={`${import.meta.env.BASE_URL}authentication/login`} element={<
AuthLogin />} />
<
Route path={`${import.meta.env.BASE_URL}authentication/signup`} element={<
AuthSignup />}/>
<
/Route>
Note: change the index element to dashboard index page
step-3: Remove the path from the Header section src\layout\layoutcomponent\header.jsx
<
Dropdown.Item className="dropdown-item" onClick={() => {auth.signOut();routeChange()}}>
<
i className="dropdown-icon fe fe-alert-circle"><
/i> Sign out
<
/Dropdown.Item>
step-4: Remove the firbase package from package.json/package.json
and re-install the node Modules