Home / File/ alert-dialog-rtl.tsx — ui Source File

alert-dialog-rtl.tsx — ui Source File

Architecture documentation for alert-dialog-rtl.tsx, a tsx file in the ui codebase. 4 imports, 0 dependents.

File tsx DocumentationAtlas SearchAPI 4 imports 1 functions

Entity Profile

Dependency Diagram

graph LR
  b5711db1_d47a_ff8f_68b4_0799a35f13b4["alert-dialog-rtl.tsx"]
  762f404b_ca9d_414f_e1d5_66ba67b8c39a["alert-dialog"]
  b5711db1_d47a_ff8f_68b4_0799a35f13b4 --> 762f404b_ca9d_414f_e1d5_66ba67b8c39a
  43bb9fc1_6eab_13df_a99b_981eb13b9ec1["button"]
  b5711db1_d47a_ff8f_68b4_0799a35f13b4 --> 43bb9fc1_6eab_13df_a99b_981eb13b9ec1
  d39cd1e4_1b2d_9aa2_1d29_fd0b4bfb61c3["lucide-react"]
  b5711db1_d47a_ff8f_68b4_0799a35f13b4 --> d39cd1e4_1b2d_9aa2_1d29_fd0b4bfb61c3
  2c1404ab_bf28_6225_f9a0_b9e29400c66c["language-selector"]
  b5711db1_d47a_ff8f_68b4_0799a35f13b4 --> 2c1404ab_bf28_6225_f9a0_b9e29400c66c
  style b5711db1_d47a_ff8f_68b4_0799a35f13b4 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

"use client"

import {
  AlertDialog,
  AlertDialogAction,
  AlertDialogCancel,
  AlertDialogContent,
  AlertDialogDescription,
  AlertDialogFooter,
  AlertDialogHeader,
  AlertDialogMedia,
  AlertDialogTitle,
  AlertDialogTrigger,
} from "@/examples/base/ui-rtl/alert-dialog"
import { Button } from "@/examples/base/ui-rtl/button"
import { BluetoothIcon } from "lucide-react"

import {
  useTranslation,
  type Translations,
} from "@/components/language-selector"

const translations: Translations = {
  en: {
    dir: "ltr",
    values: {
      showDialog: "Show Dialog",
      showDialogSm: "Show Dialog (sm)",
      title: "Are you absolutely sure?",
      description:
        "This action cannot be undone. This will permanently delete your account from our servers.",
      cancel: "Cancel",
      continue: "Continue",
      smallTitle: "Allow accessory to connect?",
      smallDescription:
        "Do you want to allow the USB accessory to connect to this device?",
      dontAllow: "Don't allow",
      allow: "Allow",
    },
  },
  ar: {
    dir: "rtl",
    values: {
      showDialog: "إظهار الحوار",
      showDialogSm: "إظهار الحوار (صغير)",
      title: "هل أنت متأكد تمامًا؟",
      description:
        "لا يمكن التراجع عن هذا الإجراء. سيؤدي هذا إلى حذف حسابك نهائيًا من خوادمنا.",
      cancel: "إلغاء",
      continue: "متابعة",
      smallTitle: "السماح للملحق بالاتصال؟",
      smallDescription: "هل تريد السماح لملحق USB بالاتصال بهذا الجهاز؟",
      dontAllow: "عدم السماح",
      allow: "السماح",
    },
  },
  he: {
    dir: "rtl",
    values: {
      showDialog: "הצג דיאלוג",
// ... (65 more lines)

Subdomains

Functions

Dependencies

  • alert-dialog
  • button
  • language-selector
  • lucide-react

Frequently Asked Questions

What does alert-dialog-rtl.tsx do?
alert-dialog-rtl.tsx is a source file in the ui codebase, written in tsx. It belongs to the DocumentationAtlas domain, SearchAPI subdomain.
What functions are defined in alert-dialog-rtl.tsx?
alert-dialog-rtl.tsx defines 1 function(s): AlertDialogRtl.
What does alert-dialog-rtl.tsx depend on?
alert-dialog-rtl.tsx imports 4 module(s): alert-dialog, button, language-selector, lucide-react.
Where is alert-dialog-rtl.tsx in the architecture?
alert-dialog-rtl.tsx is located at apps/v4/examples/base/alert-dialog-rtl.tsx (domain: DocumentationAtlas, subdomain: SearchAPI, directory: apps/v4/examples/base).

Analyze Your Own Codebase

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

Try Supermodel Free