reusable components for the status and stuff

services/userService.tsx

@@ -11,7 +11,7 @@ import {
   Unsubscribe,
   DocumentSnapshot,
 } from "firebase/firestore";
-import { User } from "../models/user";
+import { User, UserStatus } from "../models/user";
 import { Collections } from "./collections";
 
 export default class UserService {
@@ -65,4 +65,13 @@ export default class UserService {
       { merge: true }
     );
   }
+
+  async updateUserStatus(userId: string, newStatus: UserStatus) {
+    const docRef = doc(this.db, Collections.users, userId);
+    await setDoc(
+      docRef,
+      { userStatus: newStatus, lastUpdatedDate: serverTimestamp() },
+      { merge: true }
+    );
+  }
 }