SiteConfig() — ui Function Reference

Architecture documentation for the SiteConfig() function in site-config.tsx from the ui codebase.

Function tsx Internationalization RTLLayout

Entity Profile

Internationalization→ RTLLayout→ SiteConfig() — ui Function Reference

Dependency Diagram

graph TD
  d758e670_50cb_356f_3e6f_fc0dfba0d0ad["SiteConfig()"]
  4ef65fc8_4cbf_4082_a383_823209aa443b["site-config.tsx"]
  d758e670_50cb_356f_3e6f_fc0dfba0d0ad -->|defined in| 4ef65fc8_4cbf_4082_a383_823209aa443b
  style d758e670_50cb_356f_3e6f_fc0dfba0d0ad fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/components/site-config.tsx lines 11–33

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>
  )
}