Merge pull request #144 from shubhagarwal1/frndgroup

Add toast to the friends group and watch list

client/src/components/ui/DockBar.tsx

@@ -7,6 +7,8 @@ import { useNavigate, useLocation } from "react-router-dom"
 
 import { Dock, DockIcon } from "@/components/magicui/dock"
 import { NotebookPenIcon } from "lucide-react"
+import { toast, ToastContainer } from "react-toastify"
+import "react-toastify/dist/ReactToastify.css"
 
 export type IconProps = React.HTMLAttributes<SVGElement>
 
@@ -40,7 +42,7 @@ export function DockDemo() {
                 <DockIcon
                     className={`bg-black/10 dark:bg-white/10 p-3 ${isActive("/groups") ? "bg-primary" : ""}`}
                     onClick={() => {
-                        navigate("/"), alert("coming soon")
+                        navigate("/"), toast.warning("Coming Soon!")
                     }}
                 >
                     <FaUserFriends size="1rem" className="text-white" />

client/src/pages/MoviePage/MovieDetailPage.tsx

@@ -9,6 +9,7 @@ import { useMovieProviders, useMovieDetails } from "@/services/movieService"
 import { addMovieToList, createList, getUserData } from "@/services/userService"
 import { SimpleMovie } from "@/Types/Movie"
 import { List } from "../List/MovieList"
+import "react-toastify/dist/ReactToastify.css"
 
 const image_url = "https://image.tmdb.org/t/p"
 
@@ -181,7 +182,7 @@ const MovieDetailPage: React.FC = () => {
                                 <button
                                     className="flex items-center shadow-2xl bg-white text-black px-2 py-2 rounded-xl tooltip tooltip-bottom"
                                     data-tip="watchlist"
-                                    onClick={() => alert("watchlist coming soon")}
+                                    onClick={() => toast.warning("Coming Soon!")}
                                 >
                                     <Bookmark className="w-6 h-6 fill-current" />
                                 </button>