added invite team button in dash homepage

Author: GiselleNessi

apps/dashboard/src/app/team/[team_slug]/(team)/~/projects/TeamProjectsPage.tsx

@@ -26,7 +26,8 @@ import { useDashboardRouter } from "@/lib/DashboardRouter";
 import { cn } from "@/lib/utils";
 import { LazyCreateProjectDialog } from "components/settings/ApiKeys/Create/LazyCreateAPIKeyDialog";
 import { formatDate } from "date-fns";
-import { PlusIcon, SearchIcon } from "lucide-react";
+import { useTrack } from "hooks/analytics/useTrack";
+import { PlusIcon, SearchIcon, UserPlus } from "lucide-react";
 import Link from "next/link";
 import { useMemo, useState } from "react";
 import type { ThirdwebClient } from "thirdweb";
@@ -119,6 +120,9 @@ export function TeamProjectsPage(props: {
               createProject={() => setIsCreateProjectDialogOpen(true)}
               teamMembersSettingsPath={`/team/${props.team.slug}/~/settings/members`}
             />
+            <Link href={`/team/${props.team.slug}/~/settings/members`}>
+              <ShareButton />
+            </Link>
           </div>
         </div>
       </div>
@@ -279,6 +283,29 @@ function AddNewButton(props: {
   );
 }
 
+function ShareButton() {
+  //track event click
+  const trackEvent = useTrack();
+  return (
+    <Button
+      variant="default"
+      className="absolute top-0 right-0 gap-2 lg:static"
+      onClick={() =>
+        trackEvent({
+          category: "inviteTeam",
+          action: "click",
+          label: "invite-team",
+        })
+      }
+    >
+      <UserPlus className="size-4" />
+      <span>
+        <span className="hidden lg:inline">Invite</span> Team
+      </span>
+    </Button>
+  );
+}
+
 function SelectBy(props: {
   value: SortById;
   onChange: (value: SortById) => void;