Files
cloudflare-domain-manager/apps/web/src/components/blocks/app-shell-12/components/apps-menu.tsx
T
DenozordecandCursor 29e57666e0
Build, Test, and Push CFDM Docker Image / test (push) Failing after 49s
Build, Test, and Push CFDM Docker Image / build-and-push (push) Has been skipped
Build, Test, and Push CFDM Docker Image / update-wiki (push) Has been skipped
Build, Test, and Push CFDM Docker Image / create-release (push) Has been skipped
feat: integrate ReUI components and update MCP configuration
- Added ReUI configuration to .mcp.json and .cursor/mcp.json for component integration.
- Updated pnpm-lock.yaml with new dependencies including react-phone-number-input and adjustments to existing packages.
- Enhanced SKILL.md documentation for ReUI to clarify usage and features.
- Removed unused components (ChartCard, DataGridCard, etc.) to streamline the codebase.
- Adjusted domain-related components and filters for improved functionality and UI consistency.

Co-authored-by: Cursor <cursoragent@cursor.com>
2026-07-10 00:37:40 +07:00

54 lines
1.6 KiB
TypeScript

import { Button } from "@cfdm/ui/components/button"
import {
DropdownMenu,
DropdownMenuContent,
DropdownMenuGroup,
DropdownMenuItem,
DropdownMenuLabel,
DropdownMenuSeparator,
DropdownMenuTrigger,
} from "@cfdm/ui/components/dropdown-menu"
import { APPS } from "./data"
import { LayoutGridIcon } from "lucide-react"
export function AppsMenu() {
return (
<DropdownMenu>
<DropdownMenuTrigger
render={<Button variant="ghost" size="icon" aria-label="Apps" />}
>
<LayoutGridIcon className="size-4.5 transition-colors" aria-hidden="true" />
</DropdownMenuTrigger>
<DropdownMenuContent
side="bottom"
align="end"
sideOffset={8}
className="w-72"
>
<DropdownMenuGroup>
<DropdownMenuLabel>Apps</DropdownMenuLabel>
<div className="grid grid-cols-3 gap-1 p-1">
{APPS.map((app) => (
<DropdownMenuItem
key={app.id}
render={<a href="#" />}
className="h-auto flex-col gap-1.5 py-3 text-center [&_svg]:size-5"
>
<span className="text-muted-foreground">{app.icon}</span>
<span className="text-xs font-medium">{app.label}</span>
</DropdownMenuItem>
))}
</div>
<DropdownMenuSeparator />
<DropdownMenuItem
render={<a href="#" />}
className="justify-center text-sm font-medium"
>
Browse All Apps
</DropdownMenuItem>
</DropdownMenuGroup>
</DropdownMenuContent>
</DropdownMenu>
)
}