ui Architecture Docs
Home / File/ site-config.tsx — ui Source File

site-config.tsx — ui Source File

Architecture documentation for site-config.tsx, a tsx file in the ui codebase. 6 imports, 0 dependents.

File tsx Internationalization RTLLayout 6 imports 1 functions

Entity Profile

Dependency Diagram

graph LR
  4ef65fc8_4cbf_4082_a383_823209aa443b["site-config.tsx"]
  1d141819_425e_b5fd_4c8e_32f7c6a42cf2["react"]
  4ef65fc8_4cbf_4082_a383_823209aa443b --> 1d141819_425e_b5fd_4c8e_32f7c6a42cf2
  d39cd1e4_1b2d_9aa2_1d29_fd0b4bfb61c3["lucide-react"]
  4ef65fc8_4cbf_4082_a383_823209aa443b --> d39cd1e4_1b2d_9aa2_1d29_fd0b4bfb61c3
  a9903b11_2f1d_8437_2ec7_acd8ba077fa8["events"]
  4ef65fc8_4cbf_4082_a383_823209aa443b --> a9903b11_2f1d_8437_2ec7_acd8ba077fa8
  79081a1f_55a3_945a_fb8c_d53d6d3eab81["utils"]
  4ef65fc8_4cbf_4082_a383_823209aa443b --> 79081a1f_55a3_945a_fb8c_d53d6d3eab81
  7f76bc86_08eb_afdd_d15b_ef12fce33d71["use-layout"]
  4ef65fc8_4cbf_4082_a383_823209aa443b --> 7f76bc86_08eb_afdd_d15b_ef12fce33d71
  57e86e45_ac6e_7278_be08_9092724e8401["button"]
  4ef65fc8_4cbf_4082_a383_823209aa443b --> 57e86e45_ac6e_7278_be08_9092724e8401
  style 4ef65fc8_4cbf_4082_a383_823209aa443b fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

"use client"

import * as React from "react"
import { GalleryHorizontalIcon } from "lucide-react"

import { trackEvent } from "@/lib/events"
import { cn } from "@/lib/utils"
import { useLayout } from "@/hooks/use-layout"
import { Button } from "@/registry/new-york-v4/ui/button"

export function SiteConfig({ className }: React.ComponentProps<typeof Button>) {
  const { layout, setLayout } = useLayout()

  return (
    <Button
      variant="ghost"
      size="icon"
      onClick={() => {
        const newLayout = layout === "fixed" ? "full" : "fixed"
        setLayout(newLayout)
        trackEvent({
          name: "set_layout",
          properties: { layout: newLayout },
        })
      }}
      className={cn("size-8", className)}
      title="Toggle layout"
    >
      <span className="sr-only">Toggle layout</span>
      <GalleryHorizontalIcon />
    </Button>
  )
}

Domain

Subdomains

Functions

Dependencies

  • button
  • events
  • lucide-react
  • react
  • use-layout
  • utils

Source

Frequently Asked Questions

What does site-config.tsx do?
site-config.tsx is a source file in the ui codebase, written in tsx. It belongs to the Internationalization domain, RTLLayout subdomain.
What functions are defined in site-config.tsx?
site-config.tsx defines 1 function(s): SiteConfig.
What does site-config.tsx depend on?
site-config.tsx imports 6 module(s): button, events, lucide-react, react, use-layout, utils.
Where is site-config.tsx in the architecture?
site-config.tsx is located at apps/v4/components/site-config.tsx (domain: Internationalization, subdomain: RTLLayout, directory: apps/v4/components).

Analyze Your Own Codebase

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

Try Supermodel Free