working send request and such

packages/desktop/src/controller/index.tsx

@@ -3,7 +3,10 @@ import axios, { AxiosResponse } from "axios";
 import { useMutation, useQuery } from "react-query";
 
 import GetConversationDetailsResponse from "@nirvana/core/responses/getConversationDetails.response";
+import { ObjectId } from "mongodb";
+import { RelationshipState } from "@nirvana/core/models/relationship.model";
 import SearchResponse from "@nirvana/core/responses/search.response";
+import UpdateRelationshipStateRequest from "../../../core/requests/updateRelationshipState.request";
 import { User } from "@nirvana/core/models";
 import { nirvanaApi } from "./nirvanaApi";
 import { queryClient } from "../nirvanaApp";
@@ -52,8 +55,6 @@ const sendContactRequest = async (
   idToken: string,
   otherUserGoogleId: string
 ) => {
-  console.log(idToken);
-
   const response = await axios.post(
     localHost + `/contacts/${otherUserGoogleId}`,
     null,
@@ -65,6 +66,17 @@ const sendContactRequest = async (
   return response.data;
 };
 
+const updateContactRequestState = async (
+  idToken: string,
+  reqObj: UpdateRelationshipStateRequest
+) => {
+  const response = await axios.put(localHost + `/contacts`, reqObj, {
+    headers: { Authorization: idToken },
+  });
+
+  return response.data;
+};
+
 // ====== QUERIES
 export enum Querytypes {
   GET_USER_DETAILS = "GET_USER_DETAILS",
@@ -110,9 +122,17 @@ export function useConversationDetails(otherUserGoogleId: string) {
 export function useSendContactRequest() {
   const authTokens = useRecoilValue($authTokens);
 
+  return useMutation((otherGoogleUserId: string) =>
+    sendContactRequest(authTokens.idToken, otherGoogleUserId)
+  );
+}
+
+export function useUpdateRelationshipState() {
+  const authTokens = useRecoilValue($authTokens);
+
   return useMutation(
-    (otherGoogleUserId: string) =>
-      sendContactRequest(authTokens.idToken, otherGoogleUserId),
+    (updateReqObj: UpdateRelationshipStateRequest) =>
+      updateContactRequestState(authTokens.idToken, updateReqObj),
     {
       onSettled: (data, error) => {
         return queryClient.invalidateQueries(

packages/desktop/src/pages/Home/selectedConversation/index.tsx

@@ -1,14 +1,18 @@
 import {
+  Querytypes,
   useConversationDetails,
   useGetUserDetails,
   useSendContactRequest,
+  useUpdateRelationshipState,
 } from "../../../controller";
 
 import { $selectedConversation } from "../../../controller/recoil";
 import { Dimensions } from "../../../electron/constants";
 import { FaWindowClose } from "react-icons/fa";
 import { RelationshipState } from "@nirvana/core/models/relationship.model";
+import UpdateRelationshipStateRequest from "@nirvana/core/requests/updateRelationshipState.request";
 import moment from "moment";
+import { queryClient } from "../../../nirvanaApp";
 import { useEffect } from "react";
 import { useRecoilState } from "recoil";
 
@@ -19,7 +23,8 @@ export default function SelectedConversation() {
   const { data: userDetailsData } = useGetUserDetails();
   const { data: convoDetailsResponse, isFetching } =
     useConversationDetails(selectedConvo);
-  const { mutate } = useSendContactRequest();
+  const { mutate: sendContactRequest } = useSendContactRequest();
+  const { mutate: updateRelationshipState } = useUpdateRelationshipState();
 
   useEffect(() => {
     // if selected, then change the bounds of this window as well
@@ -46,9 +51,35 @@ export default function SelectedConversation() {
     const otherUserGoogleId = convoDetailsResponse.contactUser.googleId;
 
     // todo mutation to create a user
-    mutate(otherUserGoogleId);
+    sendContactRequest(otherUserGoogleId, {
+      onSettled: (data, error) => {
+        return queryClient.invalidateQueries(
+          Querytypes.GET_CONVERSATION_DETAILS + "/" + otherUserGoogleId
+        );
+      },
+    });
   };
 
+  const acceptRequest = () => {
+    const otherUserGoogleId = convoDetailsResponse.contactUser.googleId;
+
+    updateRelationshipState(
+      new UpdateRelationshipStateRequest(
+        convoDetailsResponse.ourRelationship._id,
+        RelationshipState.ACTIVE
+      ),
+      {
+        onSettled: (data, error) => {
+          return queryClient.invalidateQueries(
+            Querytypes.GET_CONVERSATION_DETAILS + "/" + otherUserGoogleId
+          );
+        },
+      }
+    );
+  };
+
+  if (isFetching) return <span>Please wait</span>;
+
   const renderMainContent = () => {
     // if there's no relationship, then don't show messages, show "send request" button
     if (!convoDetailsResponse?.ourRelationship) {
@@ -64,7 +95,8 @@ export default function SelectedConversation() {
     ) {
       return (
         <span>
-          please accept this request by clicking here: <button>accept</button>
+          please accept this request by clicking here:{" "}
+          <button onClick={acceptRequest}>accept</button>
         </span>
       );
     }

packages/desktop/src/pages/Login/index.tsx

@@ -100,8 +100,6 @@ export default function Login({ onReady }: { onReady: Function }) {
           <span>Continue with Google</span>
         </button>
       )}
-
-      <button onClick={logOut}>Log Out</button>
     </div>
   );
 }