sending message works

contexts/audioContext.tsx

@@ -8,6 +8,9 @@ import AudioPlayer from "react-h5-audio-player";
 import "react-h5-audio-player/lib/styles.css";
 import CloudStorageService from "../services/cloudStorageService";
 import PowerPlayer from "../components/PowerPlayer";
+import { Message } from "../models/message";
+import { useAuth } from "./authContext";
+import { SendService } from "../services/sendService";
 
 interface AudioContextInterface {
   selectedTeammate: string; // can only have one selected
@@ -52,8 +55,11 @@ function stopBothVideoAndAudio(stream) {
 }
 
 const cloudStorageService = new CloudStorageService();
+const sendService = new SendService();
 
 export default function AudioContextProvider({ children }) {
+  const { currUser } = useAuth();
+
   // SECTION: set up for shortcuts and recording and such
   const [selectedTeammate, setSelectedTeamMember] = useState<string>(null); // id of selected teammate
   const [isRecording, setIsRecording] = useState<Boolean>(false);
@@ -221,11 +227,13 @@ export default function AudioContextProvider({ children }) {
     (event) => {
       console.log("on key up");
 
-      // if was recording and released R, then stop recording
+      // if was recording and released R, then stop recording and send message
       if (event.keyCode == KeyCode.R && selectedTeammate && isRecording) {
         console.log("stopped recording");
         setIsRecording(false);
 
+        const currReceiverUserId = selectedTeammate;
+
         stopRecording()
           .then((file) => {
             console.log(file);
@@ -237,10 +245,16 @@ export default function AudioContextProvider({ children }) {
             console.log("file is stored: " + downloadUrl);
 
             // send message to firestore
+            const message = new Message();
+            message.audioDataUrl = downloadUrl;
+            message.senderUserId = currUser.uid;
+            message.receiverUserId = currReceiverUserId;
 
-            return;
+            return sendService.sendMessage(message);
+          })
+          .then(() => {
+            toast.success("clip sent");
           })
-          .then(() => {})
           .catch((error) => {
             toast.error("Problem in sending clip");
           });

services/cloudStorageService.tsx

@@ -11,7 +11,7 @@ export default class CloudStorageService {
   /**
    * return the
    */
-  async uploadMessageAudioFile(audioFile: File): Promise<string | Error> {
+  async uploadMessageAudioFile(audioFile: File): Promise<string> {
     // Create the file metadata
     /** @type {any} */
     const metadata = {

services/collections.tsx

@@ -1,8 +1,7 @@
-
-
 export enum Collections {
   users = "users",
   teams = "teams",
   teamMembers = "teamMembers",
-  teamSubscriptions = "teamSubscriptions"
-}
+  teamSubscriptions = "teamSubscriptions",
+  audioMessages = "audioMessages",
+}

services/sendService.tsx

@@ -1,3 +1,26 @@
+import {
+  addDoc,
+  collection,
+  Firestore,
+  getFirestore,
+  serverTimestamp,
+} from "firebase/firestore";
+import { Message } from "../models/message";
+import { Collections } from "./collections";
+
 export class SendService {
-  async sendMessage() {}
+  private db: Firestore = getFirestore();
+
+  async sendMessage(message: Message) {
+    // do quick stuff to create the composite for easier future querying
+    message.senderReceiver = [message.senderUserId, message.receiverUserId];
+
+    const teamDocRef = await addDoc(
+      collection(this.db, Collections.audioMessages),
+      {
+        ...message,
+        createdDate: serverTimestamp(),
+      }
+    );
+  }
 }