feat: adição de novos ícones SVG e configuração do ambiente

- Adicionados ícones SVG para ChatGPT, Claude, Gemini e OpenRouter - Implementados ícones para modos claro e escuro do ChatGPT - Criado script de inicialização para PostgreSQL com extensão pgcrypto - Adicionado script de configuração de ambiente que faz backup do .env - Configurado tsconfig.json para TypeScript com opções de compilação
2025-11-15 15:49:36 -03:00
commit ea0b8618e0
441 changed files with 53569 additions and 0 deletions
--- a/components/anotacoes/note-details-dialog.tsx
+++ b/components/anotacoes/note-details-dialog.tsx
@@ -0,0 +1,118 @@
+"use client";
+
+import { Badge } from "@/components/ui/badge";
+import { Button } from "@/components/ui/button";
+import {
+  Dialog,
+  DialogClose,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+} from "@/components/ui/dialog";
+import { CheckIcon } from "lucide-react";
+import { useMemo } from "react";
+
+import type { Note } from "./types";
+
+const DATE_FORMATTER = new Intl.DateTimeFormat("pt-BR", {
+  dateStyle: "long",
+  timeStyle: "short",
+});
+
+interface NoteDetailsDialogProps {
+  note: Note | null;
+  open: boolean;
+  onOpenChange: (open: boolean) => void;
+}
+
+export function NoteDetailsDialog({
+  note,
+  open,
+  onOpenChange,
+}: NoteDetailsDialogProps) {
+  const { formattedDate, displayTitle } = useMemo(() => {
+    if (!note) {
+      return { formattedDate: "", displayTitle: "" };
+    }
+
+    const title = note.title.trim().length ? note.title : "Anotação sem título";
+
+    return {
+      formattedDate: DATE_FORMATTER.format(new Date(note.createdAt)),
+      displayTitle: title,
+    };
+  }, [note]);
+
+  if (!note) {
+    return null;
+  }
+
+  const isTask = note.type === "tarefa";
+  const tasks = note.tasks || [];
+  const completedCount = tasks.filter((t) => t.completed).length;
+  const totalCount = tasks.length;
+
+  return (
+    <Dialog open={open} onOpenChange={onOpenChange}>
+      <DialogContent>
+        <DialogHeader>
+          <DialogTitle className="flex items-center gap-2">
+            {displayTitle}
+            {isTask && (
+              <Badge variant="secondary" className="text-xs">
+                {completedCount}/{totalCount}
+              </Badge>
+            )}
+          </DialogTitle>
+          <DialogDescription>{formattedDate}</DialogDescription>
+        </DialogHeader>
+
+        {isTask ? (
+          <div className="max-h-[320px] overflow-auto space-y-3">
+            {tasks.map((task) => (
+              <div
+                key={task.id}
+                className="flex items-start gap-3 p-3 rounded-lg border bg-card"
+              >
+                <div
+                  className={`mt-0.5 flex h-4 w-4 shrink-0 items-center justify-center rounded-sm border ${
+                    task.completed
+                      ? "bg-green-600 border-green-600"
+                      : "border-input"
+                  }`}
+                >
+                  {task.completed && (
+                    <CheckIcon className="h-4 w-4 text-primary-foreground" />
+                  )}
+                </div>
+                <span
+                  className={`text-sm ${
+                    task.completed
+                      ? "line-through text-muted-foreground"
+                      : "text-foreground"
+                  }`}
+                >
+                  {task.text}
+                </span>
+              </div>
+            ))}
+          </div>
+        ) : (
+          <div className="max-h-[320px] overflow-auto whitespace-pre-line wrap-break-word text-sm text-foreground">
+            {note.description}
+          </div>
+        )}
+
+        <DialogFooter>
+          <DialogClose asChild>
+            <Button type="button" variant="outline">
+              Fechar
+            </Button>
+          </DialogClose>
+        </DialogFooter>
+      </DialogContent>
+    </Dialog>
+  );
+}