Home / File/ preset-actions.tsx — ui Source File

preset-actions.tsx — ui Source File

Architecture documentation for preset-actions.tsx, a tsx file in the ui codebase. 10 imports, 1 dependents.

File tsx ComponentRegistry UIPrimitives 10 imports 1 dependents 1 functions

Entity Profile

Dependency Diagram

graph LR
  80012eb6_c495_fd45_7e3b_9b7c2f496bc3["preset-actions.tsx"]
  1d141819_425e_b5fd_4c8e_32f7c6a42cf2["react"]
  80012eb6_c495_fd45_7e3b_9b7c2f496bc3 --> 1d141819_425e_b5fd_4c8e_32f7c6a42cf2
  ebff4254_a5ce_f52c_8b1c_5635efd1973d["react-dialog"]
  80012eb6_c495_fd45_7e3b_9b7c2f496bc3 --> ebff4254_a5ce_f52c_8b1c_5635efd1973d
  d39cd1e4_1b2d_9aa2_1d29_fd0b4bfb61c3["lucide-react"]
  80012eb6_c495_fd45_7e3b_9b7c2f496bc3 --> d39cd1e4_1b2d_9aa2_1d29_fd0b4bfb61c3
  64d95022_f8e1_3e94_bb97_22b3ebca757e["use-toast"]
  80012eb6_c495_fd45_7e3b_9b7c2f496bc3 --> 64d95022_f8e1_3e94_bb97_22b3ebca757e
  ac7be3e0_8338_acf7_1aa4_0d886e90c76e["alert-dialog"]
  80012eb6_c495_fd45_7e3b_9b7c2f496bc3 --> ac7be3e0_8338_acf7_1aa4_0d886e90c76e
  aa2f3ec6_f291_3763_88ec_65a3f5ad5939["button"]
  80012eb6_c495_fd45_7e3b_9b7c2f496bc3 --> aa2f3ec6_f291_3763_88ec_65a3f5ad5939
  4dc8bbf9_c114_4bfa_0f89_4ae4ccd0ae1e["dialog"]
  80012eb6_c495_fd45_7e3b_9b7c2f496bc3 --> 4dc8bbf9_c114_4bfa_0f89_4ae4ccd0ae1e
  194a9418_8170_2169_6f94_b2f555b74f26["dropdown-menu"]
  80012eb6_c495_fd45_7e3b_9b7c2f496bc3 --> 194a9418_8170_2169_6f94_b2f555b74f26
  fa665cdb_5f79_b81a_95ab_12ba182fc175["label"]
  80012eb6_c495_fd45_7e3b_9b7c2f496bc3 --> fa665cdb_5f79_b81a_95ab_12ba182fc175
  792bdb4b_081b_acca_8721_dff659e00c59["switch"]
  80012eb6_c495_fd45_7e3b_9b7c2f496bc3 --> 792bdb4b_081b_acca_8721_dff659e00c59
  f546dde4_68c5_f623_9286_65aeda13ccc5["page.tsx"]
  f546dde4_68c5_f623_9286_65aeda13ccc5 --> 80012eb6_c495_fd45_7e3b_9b7c2f496bc3
  style 80012eb6_c495_fd45_7e3b_9b7c2f496bc3 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

"use client"

import * as React from "react"
import { Dialog } from "@radix-ui/react-dialog"
import { MoreHorizontal } from "lucide-react"

import { toast } from "@/registry/new-york/hooks/use-toast"
import {
  AlertDialog,
  AlertDialogCancel,
  AlertDialogContent,
  AlertDialogDescription,
  AlertDialogFooter,
  AlertDialogHeader,
  AlertDialogTitle,
} from "@/registry/new-york/ui/alert-dialog"
import { Button } from "@/registry/new-york/ui/button"
import {
  DialogContent,
  DialogDescription,
  DialogFooter,
  DialogHeader,
  DialogTitle,
} from "@/registry/new-york/ui/dialog"
import {
  DropdownMenu,
  DropdownMenuContent,
  DropdownMenuItem,
  DropdownMenuSeparator,
  DropdownMenuTrigger,
} from "@/registry/new-york/ui/dropdown-menu"
import { Label } from "@/registry/new-york/ui/label"
import { Switch } from "@/registry/new-york/ui/switch"

export function PresetActions() {
  const [open, setIsOpen] = React.useState(false)
  const [showDeleteDialog, setShowDeleteDialog] = React.useState(false)

  return (
    <>
      <DropdownMenu>
        <DropdownMenuTrigger asChild>
          <Button variant="secondary" size="icon">
            <span className="sr-only">Actions</span>
            <MoreHorizontal />
          </Button>
        </DropdownMenuTrigger>
        <DropdownMenuContent align="end">
          <DropdownMenuItem onSelect={() => setIsOpen(true)}>
            Content filter preferences
          </DropdownMenuItem>
          <DropdownMenuSeparator />
          <DropdownMenuItem
            onSelect={() => setShowDeleteDialog(true)}
            className="text-red-600"
          >
            Delete preset
          </DropdownMenuItem>
        </DropdownMenuContent>
      </DropdownMenu>
// ... (63 more lines)

Subdomains

Functions

Dependencies

  • alert-dialog
  • button
  • dialog
  • dropdown-menu
  • label
  • lucide-react
  • react
  • react-dialog
  • switch
  • use-toast

Frequently Asked Questions

What does preset-actions.tsx do?
preset-actions.tsx is a source file in the ui codebase, written in tsx. It belongs to the ComponentRegistry domain, UIPrimitives subdomain.
What functions are defined in preset-actions.tsx?
preset-actions.tsx defines 1 function(s): PresetActions.
What does preset-actions.tsx depend on?
preset-actions.tsx imports 10 module(s): alert-dialog, button, dialog, dropdown-menu, label, lucide-react, react, react-dialog, and 2 more.
What files import preset-actions.tsx?
preset-actions.tsx is imported by 1 file(s): page.tsx.
Where is preset-actions.tsx in the architecture?
preset-actions.tsx is located at deprecated/www/app/(app)/examples/playground/components/preset-actions.tsx (domain: ComponentRegistry, subdomain: UIPrimitives, directory: deprecated/www/app/(app)/examples/playground/components).

Analyze Your Own Codebase

Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.

Try Supermodel Free