ui Architecture Docs
Home / File/ podcast-empty-placeholder.tsx — ui Source File

podcast-empty-placeholder.tsx — ui Source File

Architecture documentation for podcast-empty-placeholder.tsx, a tsx file in the ui codebase. 4 imports, 1 dependents.

File tsx ComponentRegistry UIPrimitives 4 imports 1 dependents 1 functions

Entity Profile

Dependency Diagram

graph LR
  7bf3c9a7_5543_4076_d271_bf398ef60dbc["podcast-empty-placeholder.tsx"]
  aa2f3ec6_f291_3763_88ec_65a3f5ad5939["button"]
  7bf3c9a7_5543_4076_d271_bf398ef60dbc --> aa2f3ec6_f291_3763_88ec_65a3f5ad5939
  4dc8bbf9_c114_4bfa_0f89_4ae4ccd0ae1e["dialog"]
  7bf3c9a7_5543_4076_d271_bf398ef60dbc --> 4dc8bbf9_c114_4bfa_0f89_4ae4ccd0ae1e
  2de1d0e1_ab37_e1b0_4ef3_da8c8fa66107["input"]
  7bf3c9a7_5543_4076_d271_bf398ef60dbc --> 2de1d0e1_ab37_e1b0_4ef3_da8c8fa66107
  fa665cdb_5f79_b81a_95ab_12ba182fc175["label"]
  7bf3c9a7_5543_4076_d271_bf398ef60dbc --> fa665cdb_5f79_b81a_95ab_12ba182fc175
  054ca25e_f665_64b0_351d_ed2a653946c8["page.tsx"]
  054ca25e_f665_64b0_351d_ed2a653946c8 --> 7bf3c9a7_5543_4076_d271_bf398ef60dbc
  style 7bf3c9a7_5543_4076_d271_bf398ef60dbc fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

import { Button } from "@/registry/new-york/ui/button"
import {
  Dialog,
  DialogContent,
  DialogDescription,
  DialogFooter,
  DialogHeader,
  DialogTitle,
  DialogTrigger,
} from "@/registry/new-york/ui/dialog"
import { Input } from "@/registry/new-york/ui/input"
import { Label } from "@/registry/new-york/ui/label"

export function PodcastEmptyPlaceholder() {
  return (
    <div className="flex h-[450px] shrink-0 items-center justify-center rounded-md border border-dashed">
      <div className="mx-auto flex max-w-[420px] flex-col items-center justify-center text-center">
        <svg
          xmlns="http://www.w3.org/2000/svg"
          fill="none"
          stroke="currentColor"
          strokeLinecap="round"
          strokeLinejoin="round"
          strokeWidth="2"
          className="h-10 w-10 text-muted-foreground"
          viewBox="0 0 24 24"
        >
          <circle cx="12" cy="11" r="1" />
          <path d="M11 17a1 1 0 0 1 2 0c0 .5-.34 3-.5 4.5a.5.5 0 0 1-1 0c-.16-1.5-.5-4-.5-4.5ZM8 14a5 5 0 1 1 8 0" />
          <path d="M17 18.5a9 9 0 1 0-10 0" />
        </svg>

        <h3 className="mt-4 text-lg font-semibold">No episodes added</h3>
        <p className="mb-4 mt-2 text-sm text-muted-foreground">
          You have not added any podcasts. Add one below.
        </p>
        <Dialog>
          <DialogTrigger asChild>
            <Button size="sm" className="relative">
              Add Podcast
            </Button>
          </DialogTrigger>
          <DialogContent>
            <DialogHeader>
              <DialogTitle>Add Podcast</DialogTitle>
              <DialogDescription>
                Copy and paste the podcast feed URL to import.
              </DialogDescription>
            </DialogHeader>
            <div className="grid gap-4 py-4">
              <div className="grid gap-2">
                <Label htmlFor="url">Podcast URL</Label>
                <Input id="url" placeholder="https://example.com/feed.xml" />
              </div>
            </div>
            <DialogFooter>
              <Button>Import Podcast</Button>
            </DialogFooter>
          </DialogContent>
        </Dialog>
      </div>
    </div>
  )
}

Domain

Subdomains

Functions

Dependencies

  • button
  • dialog
  • input
  • label

Imported By

Source

Frequently Asked Questions

What does podcast-empty-placeholder.tsx do?
podcast-empty-placeholder.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 podcast-empty-placeholder.tsx?
podcast-empty-placeholder.tsx defines 1 function(s): PodcastEmptyPlaceholder.
What does podcast-empty-placeholder.tsx depend on?
podcast-empty-placeholder.tsx imports 4 module(s): button, dialog, input, label.
What files import podcast-empty-placeholder.tsx?
podcast-empty-placeholder.tsx is imported by 1 file(s): page.tsx.
Where is podcast-empty-placeholder.tsx in the architecture?
podcast-empty-placeholder.tsx is located at deprecated/www/app/(app)/examples/music/components/podcast-empty-placeholder.tsx (domain: ComponentRegistry, subdomain: UIPrimitives, directory: deprecated/www/app/(app)/examples/music/components).

Analyze Your Own Codebase

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

Try Supermodel Free