creating link successfully

components/LinkCard.tsx

@@ -1,5 +1,5 @@
 import { FaArchive, FaExternalLinkAlt, FaFilePdf } from "react-icons/fa";
-import Link from "../models/link";
+import Link, { LinkType } from "../models/link";
 import Image from "next/image";
 import { BsThreeDots } from "react-icons/bs";
 import LinkIcon from "./LinkIcon";
@@ -9,7 +9,10 @@ export default function LinkCard(props: { link?: Link }) {
     <span className="flex flex-col rounded-lg">
       {/* attmnt header */}
       <span className="flex flex-row bg-gray-300 bg-opacity-25 py-5 px-3 items-center justify-start">
-        <LinkIcon className="text-4xl text-orange-300 mr-2" />
+        <LinkIcon
+          className="text-4xl text-orange-300 mr-2"
+          linkType={LinkType.googleDrive}
+        />
 
         <span className="flex flex-col items-baseline mr-10 space-y-1">
           <span className="text-md font-bold text-white">report.pdf</span>

components/Modals/CreateOrUpdateLink.tsx

@@ -11,8 +11,11 @@ import {
 } from "../../contexts/keyboardContext";
 import { useTeamDashboardContext } from "../../contexts/teamDashboardContext";
 import Link, { LinkType } from "../../models/link";
+import { SendService } from "../../services/sendService";
 import LinkIcon from "../LinkIcon";
 
+const sendService = new SendService();
+
 export default function CreateOrUpdateLink() {
   const { currUser } = useAuth();
   const { handleModalType, showModalType } = useKeyboardContext();
@@ -41,12 +44,22 @@ export default function CreateOrUpdateLink() {
     }
   }
 
-  function handleSubmitLink() {
+  async function handleSubmitLink() {
     if (!link || !name) {
       toast.error("Please add a valid link and name");
       return;
     }
 
+    if (
+      !isTeamLink &&
+      (!recipientsSelected || recipientsSelected.length == 0)
+    ) {
+      toast.error(
+        "Please select members or send it to the team with the toggle"
+      );
+      return;
+    }
+
     // if it's a team link, make sure recipients is null ... but the model should handle this for us?
 
     try {
@@ -59,15 +72,29 @@ export default function CreateOrUpdateLink() {
         currUser.uid
       );
 
-      console.log(newLink);
+      handleModalType(ShowModalType.na);
 
       // send to database
+      await sendService.sendLink(newLink);
+
+      resetForm();
+
+      toast.success("link sent");
     } catch (error) {
       toast.error("Something went wrong in sending the link.");
       console.log(error);
     }
   }
 
+  function resetForm() {
+    setLink("");
+    setName("");
+    setDescription("");
+    setShowMoreDetails(false);
+    setIsTeamLink(true);
+    setRecipientsSelected([]);
+  }
+
   const [link, setLink] = useState<string>("");
   const [name, setName] = useState<string>("");
   const [description, setDescription] = useState<string>("");