initial commit

2025-07-03 01:43:25 +06:00
commit 5dc53b896e
279 changed files with 28956 additions and 0 deletions
--- a/torpedo/components/dashboard/email/ContactSelector.tsx
+++ b/torpedo/components/dashboard/email/ContactSelector.tsx
@ -0,0 +1,94 @@
+"use client";
+
+import * as React from "react";
+import { Check, ChevronsUpDown } from "lucide-react";
+
+import { cn } from "@/lib/utils";
+import { Button } from "@/components/ui/button";
+import {
+  Command,
+  CommandEmpty,
+  CommandGroup,
+  CommandInput,
+  CommandItem,
+  CommandList,
+} from "@/components/ui/command";
+import {
+  Popover,
+  PopoverContent,
+  PopoverTrigger,
+} from "@/components/ui/popover";
+
+const attributes = [
+  {
+    value: "name",
+    label: "name",
+  },
+  {
+    value: "phone",
+    label: "phone",
+  },
+  {
+    value: "email",
+    label: "email",
+  },
+  {
+    value: "id",
+    label: "id",
+  },
+  {
+    value: "address",
+    label: "address",
+  },
+];
+
+export function ContactSelector() {
+  const [open, setOpen] = React.useState(false);
+  const [value, setValue] = React.useState("");
+
+  return (
+    <Popover open={open} onOpenChange={setOpen}>
+      <PopoverTrigger asChild>
+        <Button
+          variant="outline"
+          role="combobox"
+          aria-expanded={open}
+          className="w-[200px] justify-between bg-[#3d3d3d]"
+        >
+          {value
+            ? attributes.find((attribute) => attribute.value === value)?.label
+            : "Select email field..."}
+          <ChevronsUpDown className="ml-2 h-4 w-4 shrink-0 opacity-50" />
+        </Button>
+      </PopoverTrigger>
+      <PopoverContent className="w-[200px] p-0 ">
+        <Command className="bg-[#222222]">
+          <CommandInput placeholder="Search attribute..." />
+          <CommandList>
+            <CommandEmpty>No attribute found.</CommandEmpty>
+            <CommandGroup>
+              {attributes.map((attribute) => (
+                <CommandItem
+                  key={attribute.value}
+                  value={attribute.value}
+                  onSelect={(currentValue) => {
+                    setValue(currentValue === value ? "" : currentValue);
+                    setOpen(false);
+                  }}
+                >
+                  <Check
+                    className={cn(
+                      "mr-2 h-4 w-4",
+                      value === attribute.value ? "opacity-100" : "opacity-0"
+                    )}
+                  />
+                  {attribute.label}
+                </CommandItem>
+              ))}
+            </CommandGroup>
+          </CommandList>
+        </Command>
+      </PopoverContent>
+    </Popover>
+  );
+}