Gladyson/openmonetis
1
0
Fork 0
forked from git.gladyson/openmonetis
Code Issues Pull Requests Actions 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

164
components/lancamentos/select-items.tsx
View File

@@ -1,120 +1,120 @@
"use client";
import { RiBankCard2Line, RiBankLine } from "@remixicon/react";
import Image from "next/image";
import { CategoryIcon } from "@/components/categorias/category-icon";
import DotIcon from "@/components/dot-icon";
import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar";
import { getAvatarSrc } from "@/lib/pagadores/utils";
import { getConditionIcon, getPaymentMethodIcon } from "@/lib/utils/icons";
import { RiBankCard2Line, RiBankLine } from "@remixicon/react";
import Image from "next/image";
type SelectItemContentProps = {
label: string;
avatarUrl?: string | null;
logo?: string | null;
icon?: string | null;
label: string;
avatarUrl?: string | null;
logo?: string | null;
icon?: string | null;
};
export function PagadorSelectContent({
label,
avatarUrl,
label,
avatarUrl,
}: SelectItemContentProps) {
const avatarSrc = getAvatarSrc(avatarUrl);
const initial = label.charAt(0).toUpperCase() || "?";
const avatarSrc = getAvatarSrc(avatarUrl);
const initial = label.charAt(0).toUpperCase() || "?";
return (
<span className="flex items-center gap-2">
<Avatar className="size-5 border border-border/60 bg-background">
<AvatarImage src={avatarSrc} alt={`Avatar de ${label}`} />
<AvatarFallback className="text-[10px] font-medium uppercase">
{initial}
</AvatarFallback>
</Avatar>
<span>{label}</span>
</span>
);
return (
<span className="flex items-center gap-2">
<Avatar className="size-5 border border-border/60 bg-background">
<AvatarImage src={avatarSrc} alt={`Avatar de ${label}`} />
<AvatarFallback className="text-[10px] font-medium uppercase">
{initial}
</AvatarFallback>
</Avatar>
<span>{label}</span>
</span>
);
}
export function CategoriaSelectContent({
label,
icon,
label,
icon,
}: SelectItemContentProps) {
return (
<span className="flex items-center gap-2">
<CategoryIcon name={icon} className="size-4" />
<span>{label}</span>
</span>
);
return (
<span className="flex items-center gap-2">
<CategoryIcon name={icon} className="size-4" />
<span>{label}</span>
</span>
);
}
export function TransactionTypeSelectContent({ label }: { label: string }) {
const colorMap: Record<string, string> = {
Receita: "bg-emerald-600 dark:bg-emerald-400",
Despesa: "bg-red-600 dark:bg-red-400",
Transferência: "bg-blue-600 dark:bg-blue-400",
};
const colorMap: Record<string, string> = {
Receita: "bg-emerald-600 dark:bg-emerald-400",
Despesa: "bg-red-600 dark:bg-red-400",
Transferência: "bg-blue-600 dark:bg-blue-400",
};
return (
<span className="flex items-center gap-2">
<DotIcon bg_dot={colorMap[label]} />
<span>{label}</span>
</span>
);
return (
<span className="flex items-center gap-2">
<DotIcon bg_dot={colorMap[label]} />
<span>{label}</span>
</span>
);
}
export function PaymentMethodSelectContent({ label }: { label: string }) {
const icon = getPaymentMethodIcon(label);
const icon = getPaymentMethodIcon(label);
return (
<span className="flex items-center gap-2">
{icon}
<span>{label}</span>
</span>
);
return (
<span className="flex items-center gap-2">
{icon}
<span>{label}</span>
</span>
);
}
export function ConditionSelectContent({ label }: { label: string }) {
const icon = getConditionIcon(label);
const icon = getConditionIcon(label);
return (
<span className="flex items-center gap-2">
{icon}
<span>{label}</span>
</span>
);
return (
<span className="flex items-center gap-2">
{icon}
<span>{label}</span>
</span>
);
}
export function ContaCartaoSelectContent({
label,
logo,
isCartao,
label,
logo,
isCartao,
}: SelectItemContentProps & { isCartao?: boolean }) {
const resolveLogoSrc = (logoPath: string | null) => {
if (!logoPath) {
return null;
}
const resolveLogoSrc = (logoPath: string | null) => {
if (!logoPath) {
return null;
}
const fileName = logoPath.split("/").filter(Boolean).pop() ?? logoPath;
return `/logos/${fileName}`;
};
const fileName = logoPath.split("/").filter(Boolean).pop() ?? logoPath;
return `/logos/${fileName}`;
};
const logoSrc = resolveLogoSrc(logo);
const Icon = isCartao ? RiBankCard2Line : RiBankLine;
const logoSrc = resolveLogoSrc(logo);
const Icon = isCartao ? RiBankCard2Line : RiBankLine;
return (
<span className="flex items-center gap-2">
{logoSrc ? (
<Image
src={logoSrc}
alt={`Logo de ${label}`}
width={20}
height={20}
className="rounded"
/>
) : (
<Icon className="size-4 text-muted-foreground" aria-hidden />
)}
<span>{label}</span>
</span>
);
return (
<span className="flex items-center gap-2">
{logoSrc ? (
<Image
src={logoSrc}
alt={`Logo de ${label}`}
width={20}
height={20}
className="rounded"
/>
) : (
<Icon className="size-4 text-muted-foreground" aria-hidden />
)}
<span>{label}</span>
</span>
);
}