feat: firestore demonstration using bg-jobs

Author: MohammedMaaz

.env.development

@@ -2,4 +2,4 @@
 VITE_API_BASE_URL=http://localhost:3000/api/v1
 VITE_ENV=dev
 VITE_HCAPTCHA_SITE_KEY=cd86c190-7a30-4042-9468-018cd91ef63c
-FIREBASE_AUTH_ENABLED=true
+VITE_FIREBASE_AUTH_ENABLED=true

.env.production

@@ -1,4 +1,4 @@
 VITE_API_BASE_URL=https://be.starters.rayonstudios.com/api
 VITE_ENV=production
 VITE_HCAPTCHA_SITE_KEY=cd86c190-7a30-4042-9468-018cd91ef63c
-FIREBASE_AUTH_ENABLED=true
+VITE_FIREBASE_AUTH_ENABLED=true

.env.test

@@ -2,4 +2,4 @@ VITE_API_BASE_URL=https://rayon-gcp-express-psql-starter-test-227506371134.us-ea
 # VITE_API_BASE_URL=http://localhost:3000/api/v1
 VITE_ENV=test
 VITE_HCAPTCHA_SITE_KEY=cd86c190-7a30-4042-9468-018cd91ef63c
-FIREBASE_AUTH_ENABLED=true
+VITE_FIREBASE_AUTH_ENABLED=true

src/lib/firebase/firebase.service.ts

@@ -42,3 +42,8 @@ export const firebase = {
   messaging,
   isEnabled: import.meta.env.VITE_FIREBASE_AUTH_ENABLED === "true",
 };
+
+export const getFirebaseEmail = (email: string) => {
+  const [prefix, domain] = email.split("@");
+  return `${prefix}+${import.meta.env.VITE_ENV || "dev"}@${domain}`;
+};

src/modules/auth/services/auth.service.ts

@@ -1,4 +1,4 @@
-import { firebase } from "@/lib/firebase/firebase.service";
+import { firebase, getFirebaseEmail } from "@/lib/firebase/firebase.service";
 import apiClient, { withApiResponseHandling } from "@/lib/openapi-fetch.config";
 import { signInWithEmailAndPassword, signOut } from "firebase/auth";
 import {
@@ -14,7 +14,7 @@ async function login(payload: AuthLoginBody) {
     firebase.isEnabled &&
       signInWithEmailAndPassword(
         firebase.auth,
-        payload.email,
+        getFirebaseEmail(payload.email),
         payload.password
       ),
   ]);

src/pages/bg-jobs/bg-jobs.tsx

@@ -139,10 +139,6 @@ const BgJobsPage = () => {
                     <span className="font-medium">Created:</span>{" "}
                     {dayjs(job.createdAt).fromNow()}
                   </div>
-                  <div>
-                    <span className="font-medium">Updated:</span>{" "}
-                    {dayjs(job.updatedAt).fromNow()}
-                  </div>
                 </div>
               </div>
             </Card>