From ba88e7af2725a24bb5280a7c7b444d4485d0fb5f Mon Sep 17 00:00:00 2001
From: Arjun Patel <patel.arjun50@gmail.com>
Date: Fri, 14 Jan 2022 16:54:53 -0800
Subject: [PATCH] adding toastr nice

---
 components/Dashboard/Header.tsx        | 20 +++++++++++++-------
 components/Dashboard/TeamVoiceLine.tsx | 14 +++++++++++++-
 pages/_app.js                          |  2 +-
 3 files changed, 27 insertions(+), 9 deletions(-)

diff --git a/components/Dashboard/Header.tsx b/components/Dashboard/Header.tsx
index 338db35..f2ff05c 100644
--- a/components/Dashboard/Header.tsx
+++ b/components/Dashboard/Header.tsx
@@ -18,6 +18,7 @@ import { generateGreetings } from "../../helpers/dateTime";
 import { Dropdown, Menu } from "antd";
 import { useRouter } from "next/router";
 import { TeamMemberRole, TeamMemberStatus } from "../../models/teamMember";
+import { toast } from "react-hot-toast";
 
 export default function Header() {
   const { logOut } = useAuth();
@@ -37,15 +38,20 @@ export default function Header() {
     }
   }
 
+  async function handleAdminRoute() {
+    if (userTeamMember.role == TeamMemberRole.admin) {
+      router.push("/teams/" + teamid + "/admin");
+      return;
+    }
+
+    toast.error("You are not a team admin!");
+  }
+
   const UserMenu = (
     <Menu>
-      {userTeamMember.role == TeamMemberRole.admin && (
-        <Menu.Item key={1}>
-          <button onClick={() => router.push("/teams/" + teamid + "/admin")}>
-            manage team
-          </button>
-        </Menu.Item>
-      )}
+      <Menu.Item key={1}>
+        <button onClick={handleAdminRoute}>manage team</button>
+      </Menu.Item>
 
       <Menu.Item danger key={2}>
         <button onClick={handleSignOut}>sign out</button>
diff --git a/components/Dashboard/TeamVoiceLine.tsx b/components/Dashboard/TeamVoiceLine.tsx
index 0a3662c..a0fbef4 100644
--- a/components/Dashboard/TeamVoiceLine.tsx
+++ b/components/Dashboard/TeamVoiceLine.tsx
@@ -5,15 +5,27 @@ import { BsThreeDots } from "react-icons/bs";
 import { useTeamDashboardContext } from "../../contexts/teamDashboardContext";
 import { UserStatus } from "../../models/user";
 import { useState } from "react";
+import { toast } from "react-hot-toast";
+import { TeamMemberRole } from "../../models/teamMember";
 
 export default function TeamVoiceLine() {
   const router = useRouter();
   const { teamid } = router.query;
+  const { team, user, userTeamMember } = useTeamDashboardContext();
   const { teamMembers } = useTeamDashboardContext();
   const [loading, setLoading] = useState<Boolean>(true);
 
   //listeners for all teammates' status
 
+  async function handleAdminRoute() {
+    if (userTeamMember.role == TeamMemberRole.admin) {
+      router.push("/teams/" + teamid + "/admin");
+      return;
+    }
+
+    toast.error("You are not a team admin!");
+  }
+
   function statusBubble(status: UserStatus) {
     console.log(status);
 
@@ -118,7 +130,7 @@ export default function TeamVoiceLine() {
         </span>
 
         <button
-          onClick={() => router.push("/team/" + teamid + "/admin")}
+          onClick={handleAdminRoute}
           className="bg-gray-300 bg-opacity-25 p-2 ml-auto rounded hover:bg-opacity-40"
         >
           <FaPlus className="text-lg text-white" />
diff --git a/pages/_app.js b/pages/_app.js
index 150c550..12dc177 100644
--- a/pages/_app.js
+++ b/pages/_app.js
@@ -12,7 +12,7 @@ function MyApp({ Component, pageProps }) {
         <Component {...pageProps} />
       </AuthProvider>
 
-      <Toaster />
+      <Toaster position="top-center" />
     </SiteLayout>
   );
 }