@exxatdesignux/ui 0.2.18 → 0.2.19

package/template/components/team-page-header.tsx

@@ -1,92 +0,0 @@
-"use client"
-
-import * as React from "react"
-import { Button } from "@/components/ui/button"
-import { PageHeader } from "@/components/page-header"
-import {
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuSeparator,
-  DropdownMenuTrigger,
-} from "@/components/ui/dropdown-menu"
-import { Tip } from "@/components/ui/tip"
-
-export interface TeamPageHeaderProps {
-  memberCount: number
-  onInvite: () => void
-  onExport: () => void
-  showMetrics: boolean
-  onToggleMetrics: () => void
-  showTitleBlock?: boolean
-}
-
-/**
- * Team list shell header — title, primary Invite, overflow (export + metrics toggle). Same pattern as PlacementsPageHeader.
- */
-export function TeamPageHeader({
-  memberCount,
-  onInvite,
-  onExport,
-  showMetrics,
-  onToggleMetrics,
-  showTitleBlock = true,
-}: TeamPageHeaderProps) {
-  const [moreOpen, setMoreOpen] = React.useState(false)
-  const countLine = `${memberCount} ${memberCount === 1 ? "member" : "members"} · Last updated now`
-
-  return (
-    <PageHeader
-      title="Team"
-      subtitle={countLine}
-      showTitleBlock={showTitleBlock}
-      actions={(
-        <div className="flex items-center gap-2" role="group" aria-label="Team actions">
-          <Tip side="bottom" label="Send an invitation (demo)">
-            <Button type="button" size="lg" onClick={onInvite}>
-              <i className="fa-light fa-user-plus" aria-hidden="true" />
-              Invite member
-            </Button>
-          </Tip>
-          <DropdownMenu open={moreOpen} onOpenChange={setMoreOpen}>
-            <Tip side="bottom" label="More actions">
-              <DropdownMenuTrigger asChild>
-                <Button
-                  type="button"
-                  size="lg"
-                  variant="outline"
-                  className="aspect-square px-0"
-                  aria-label="More actions"
-                >
-                  <i className="fa-light fa-ellipsis text-base" aria-hidden="true" />
-                </Button>
-              </DropdownMenuTrigger>
-            </Tip>
-            <DropdownMenuContent align="end">
-              <DropdownMenuItem
-                onSelect={() => {
-                  window.setTimeout(() => onExport(), 0)
-                }}
-              >
-                <i className="fa-light fa-arrow-down-to-line" aria-hidden="true" />
-                Export
-              </DropdownMenuItem>
-              <DropdownMenuSeparator />
-              <DropdownMenuItem
-                onSelect={() => {
-                  window.setTimeout(() => onToggleMetrics(), 0)
-                }}
-              >
-                <i
-                  className={`fa-light ${showMetrics ? "fa-eye-slash" : "fa-eye"}`}
-                  aria-hidden="true"
-                />
-                {showMetrics ? "Hide metric section" : "Show metric section"}
-              </DropdownMenuItem>
-            </DropdownMenuContent>
-          </DropdownMenu>
-        </div>
-      )}
-    />
-  )
-}