Application dialogs1

1import { Button } from "@/ui/button";
2import {
3  Dialog,
4  DialogClose,
5  DialogContent,
6  DialogDescription,
7  DialogFooter,
8  DialogHeader,
9  DialogTitle,
10  DialogTrigger,
11} from "@/ui/dialog";
12import {
13  Select,
14  SelectContent,
15  SelectItem,
16  SelectTrigger,
17  SelectValue,
18} from "@/ui/select";
19import { CheckHexagonSolid, Upload } from "@mynaui/icons-react";
20 
21export default function UploadDocumentsDialog() {
22  return (
23    <Dialog>
24      <DialogTrigger asChild>
25        <Button variant="outline">Add Task</Button>
26      </DialogTrigger>
27      <DialogContent>
28        <DialogHeader>
29          <DialogTitle>Upload Documents</DialogTitle>
30          <DialogDescription className="flex items-center gap-1.5">
31            Adding in
32            <Select>
33              <SelectTrigger defaultValue="mar-2024">
34                <SelectValue placeholder="Select a date" />
35              </SelectTrigger>
36              <SelectContent>
37                <SelectItem value="mar-2024">Mar 2024</SelectItem>
38                <SelectItem value="apr-2024">Apr 2024</SelectItem>
39                <SelectItem value="may-2024">May 2024</SelectItem>
40                <SelectItem value="jun-2024">Jun 2024</SelectItem>
41              </SelectContent>
42            </Select>
43            Folder
44          </DialogDescription>
45        </DialogHeader>
46        <div className="flex flex-col gap-4">
47          <div className="flex flex-col items-center justify-center gap-2 rounded-lg border-2 border-dashed p-4 py-6">
48            <div className="border-border bg-background rounded-lg border p-2">
49              <Upload className="h-6 w-6" />
50            </div>
51            <div className="flex items-center gap-1">
52              <p className="text-sm font-medium">Drag and drop files or</p>
53              <p className="text-primary text-sm font-medium">browse</p>
54            </div>
55            <div className="flex items-center">
56              <p className="text-sm leading-none font-normal tracking-normal">
57                PDF, XLS, or DOC · Max 5MB
58              </p>
59            </div>
60          </div>
61 
62          <div className="border-border flex justify-between rounded-lg border px-4 py-3">
63            <div className="flex items-center gap-4">
64              <img
65                loading="lazy"
66                decoding="async"
67                src="/images/pdf.webp"
68                alt="pdf"
69                className="h-10 w-10"
70              />
71// … truncated