Gladyson/openmonetis
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

refactor: migrate from ESLint to Biome and extract SQL queries to data.ts

Browse Source 
- Replace ESLint with Biome for linting and formatting
- Configure Biome with tabs, double quotes, and organized imports
- Move all SQL/Drizzle queries from page.tsx files to data.ts files
- Create new data.ts files for: ajustes, dashboard, relatorios/categorias
- Update existing data.ts files: extrato, fatura (add lancamentos queries)
- Remove all drizzle-orm imports from page.tsx files
- Update README.md with new tooling info

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
Felipe Coutinho
2026-01-27 13:15:37 +00:00
parent 8ffe61c59b
commit a7f63fb77a
442 changed files with 66141 additions and 69292 deletions
Download Patch File Download Diff File Expand all files Collapse all files

182
components/anotacoes/note-details-dialog.tsx
View File

@@ -1,116 +1,116 @@
"use client";
import { RiCheckLine } from "@remixicon/react";
import { useMemo } from "react";
import { Badge } from "@/components/ui/badge";
import { Button } from "@/components/ui/button";
import {
Dialog,
DialogClose,
DialogContent,
DialogDescription,
DialogFooter,
DialogHeader,
DialogTitle,
Dialog,
DialogClose,
DialogContent,
DialogDescription,
DialogFooter,
DialogHeader,
DialogTitle,
} from "@/components/ui/dialog";
import { RiCheckLine } from "@remixicon/react";
import { useMemo } from "react";
import { Card } from "../ui/card";
import type { Note } from "./types";
const DATE_FORMATTER = new Intl.DateTimeFormat("pt-BR", {
dateStyle: "long",
timeStyle: "short",
dateStyle: "long",
timeStyle: "short",
});
interface NoteDetailsDialogProps {
note: Note | null;
open: boolean;
onOpenChange: (open: boolean) => void;
note: Note | null;
open: boolean;
onOpenChange: (open: boolean) => void;
}
export function NoteDetailsDialog({
note,
open,
onOpenChange,
note,
open,
onOpenChange,
}: NoteDetailsDialogProps) {
const { formattedDate, displayTitle } = useMemo(() => {
if (!note) {
return { formattedDate: "", displayTitle: "" };
}
const { formattedDate, displayTitle } = useMemo(() => {
if (!note) {
return { formattedDate: "", displayTitle: "" };
}
const title = note.title.trim().length ? note.title : "Anotação sem título";
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]);
return {
formattedDate: DATE_FORMATTER.format(new Date(note.createdAt)),
displayTitle: title,
};
}, [note]);
if (!note) {
return null;
}
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;
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>
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) => (
<Card
key={task.id}
className="flex gap-3 p-3 flex-row items-center"
>
<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 && (
<RiCheckLine className="h-4 w-4 text-primary-foreground" />
)}
</div>
<span
className={`text-sm ${
task.completed ? "text-muted-foreground" : "text-foreground"
}`}
>
{task.text}
</span>
</Card>
))}
</div>
) : (
<div className="max-h-[320px] overflow-auto whitespace-pre-line wrap-break-word text-sm text-foreground">
{note.description}
</div>
)}
{isTask ? (
<div className="max-h-[320px] overflow-auto space-y-3">
{tasks.map((task) => (
<Card
key={task.id}
className="flex gap-3 p-3 flex-row items-center"
>
<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 && (
<RiCheckLine className="h-4 w-4 text-primary-foreground" />
)}
</div>
<span
className={`text-sm ${
task.completed ? "text-muted-foreground" : "text-foreground"
}`}
>
{task.text}
</span>
</Card>
))}
</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>
);
<DialogFooter>
<DialogClose asChild>
<Button type="button" variant="outline">
Fechar
</Button>
</DialogClose>
</DialogFooter>
</DialogContent>
</Dialog>
);
}