Brand Assets Menu

1"use client"
2 
3import { useTiks } from "@rexa-developer/tiks/react"
4import { toast } from "sonner"
5 
6import {
7  ContextMenu,
8  ContextMenuContent,
9  ContextMenuItem,
10  ContextMenuSeparator,
11  ContextMenuTrigger,
12} from "@/components/ui/context-menu"
13import { IconPlaceholder } from "@/registry/icons/icon-placeholder"
14 
15export type BrandAssetsMenuProps = {
16  logomark: React.ReactElement
17  logomarkSVG: string
18  logotypeSVG: string
19  brandGuidelinesURL: string
20  brandAssetsURL: string
21  children: React.ReactElement
22}
23 
24export function BrandAssetsMenu({
25  logomark,
26  logomarkSVG,
27  logotypeSVG,
28  brandGuidelinesURL,
29  brandAssetsURL,
30  children,
31}: BrandAssetsMenuProps) {
32  const { success } = useTiks()
33 
34  return (
35    <ContextMenu>
36      <ContextMenuTrigger asChild>{children}</ContextMenuTrigger>
37 
38      <ContextMenuContent className="w-fit">
39        <ContextMenuItem
40          onClick={() => {
41            copyText(logomarkSVG)
42            toast.success("Logomark as SVG copied")
43            success()
44          }}
45        >
46          {logomark}
47          Copy Logomark as SVG
48        </ContextMenuItem>
49 
50        <ContextMenuItem
51          onClick={() => {
52            copyText(logotypeSVG)
53            toast.success("Logotype as SVG copied")
54            success()
55          }}
56        >
57          <IconPlaceholder
58            lucide="TypeIcon"
59            tabler="IconLetterT"
60            hugeicons="TextIcon"
61            phosphor="TextTIcon"
62            remixicon="RiText"
63          />
64          Copy Logotype as SVG
65        </ContextMenuItem>
66 
67        <ContextMenuSeparator />
68 
69        <ContextMenuItem asChild>
70          <a
71            href={brandGuidelinesURL}
72            target="_blank"
73            rel="noopener noreferrer"
74          >
75            <IconPlaceholder
76              lucide="SquareDashedIcon"
77              tabler="IconShape"
78              hugeicons="DashedLine02Icon"
79              phosphor="BoundingBoxIcon"
80              remixicon="RiShapeLine"
81            />
82            Brand Guidelines
83          </a>
84        </ContextMenuItem>
85 
86        <ContextMenuItem asChild>
87          <a
88            href={brandAssetsURL}
89            target="_blank"
90            rel="noopener noreferrer"
91            download
92          >
93            <IconPlaceholder
94              lucide="DownloadIcon"
95              tabler="IconDownload"
96              hugeicons="Download01Icon"
97              phosphor="DownloadSimpleIcon"
98              remixicon="RiDownloadLine"
99            />
100// … truncated