How to Show the Correct Dialog When Combining DropDownMenu with Multiple Dialogs

[catnaut]

Hey everyone! 👋 Is it possible to have multiple Dialog Content in a Dialog Component? I've combined the DropDownMenu with Dialog, which has multiple items that should open different Dialogs. How can I show the right Dialog? 🤔

<Dialog>
    <DropdownMenu>
      <DropdownMenuTrigger>
        <Button variant="ghost" size="icon">
        </Button>
      </DropdownMenuTrigger>
      <DropdownMenuContent>
        <DropdownMenuItem @click="handleDetails">Details</DropdownMenuItem>
        <DialogTrigger asChild>
          <DropdownMenuItem>Edit</DropdownMenuItem>
        </DialogTrigger>
        <DropdownMenuItem @click="handleDelete">Delete</DropdownMenuItem>
      </DropdownMenuContent>
      <!-- Open one of this when trigger click -->
      <DigalogContext>
          Details
      </DialogContext>
      <DigalogContext>
          Update
      </DialogContext>
       <DigalogContext>
          Delete
      </DialogContext>
    </DropdownMenu>
  </Dialog>