refactor(dashboard): usa DashboardGridEditable na página
- Substitui DashboardGrid por DashboardGridEditable - Busca preferências de widgets do banco de dados
This commit is contained in:
@@ -1,11 +1,11 @@
|
|||||||
import { DashboardGrid } from "@/components/dashboard/dashboard-grid";
|
import { DashboardGridEditable } from "@/components/dashboard/dashboard-grid-editable";
|
||||||
import { DashboardWelcome } from "@/components/dashboard/dashboard-welcome";
|
import { DashboardWelcome } from "@/components/dashboard/dashboard-welcome";
|
||||||
import { SectionCards } from "@/components/dashboard/section-cards";
|
import { SectionCards } from "@/components/dashboard/section-cards";
|
||||||
import MonthNavigation from "@/components/month-picker/month-navigation";
|
import MonthNavigation from "@/components/month-picker/month-navigation";
|
||||||
import { getUser } from "@/lib/auth/server";
|
import { getUser } from "@/lib/auth/server";
|
||||||
import { fetchDashboardData } from "@/lib/dashboard/fetch-dashboard-data";
|
import { fetchDashboardData } from "@/lib/dashboard/fetch-dashboard-data";
|
||||||
import { parsePeriodParam } from "@/lib/utils/period";
|
|
||||||
import { db, schema } from "@/lib/db";
|
import { db, schema } from "@/lib/db";
|
||||||
|
import { parsePeriodParam } from "@/lib/utils/period";
|
||||||
import { eq } from "drizzle-orm";
|
import { eq } from "drizzle-orm";
|
||||||
|
|
||||||
type PageSearchParams = Promise<Record<string, string | string[] | undefined>>;
|
type PageSearchParams = Promise<Record<string, string | string[] | undefined>>;
|
||||||
@@ -16,11 +16,11 @@ type PageProps = {
|
|||||||
|
|
||||||
const getSingleParam = (
|
const getSingleParam = (
|
||||||
params: Record<string, string | string[] | undefined> | undefined,
|
params: Record<string, string | string[] | undefined> | undefined,
|
||||||
key: string
|
key: string,
|
||||||
) => {
|
) => {
|
||||||
const value = params?.[key];
|
const value = params?.[key];
|
||||||
if (!value) return null;
|
if (!value) return null;
|
||||||
return Array.isArray(value) ? value[0] ?? null : value;
|
return Array.isArray(value) ? (value[0] ?? null) : value;
|
||||||
};
|
};
|
||||||
|
|
||||||
export default async function Page({ searchParams }: PageProps) {
|
export default async function Page({ searchParams }: PageProps) {
|
||||||
@@ -34,6 +34,7 @@ export default async function Page({ searchParams }: PageProps) {
|
|||||||
db
|
db
|
||||||
.select({
|
.select({
|
||||||
disableMagnetlines: schema.userPreferences.disableMagnetlines,
|
disableMagnetlines: schema.userPreferences.disableMagnetlines,
|
||||||
|
dashboardWidgets: schema.userPreferences.dashboardWidgets,
|
||||||
})
|
})
|
||||||
.from(schema.userPreferences)
|
.from(schema.userPreferences)
|
||||||
.where(eq(schema.userPreferences.userId, user.id))
|
.where(eq(schema.userPreferences.userId, user.id))
|
||||||
@@ -41,13 +42,21 @@ export default async function Page({ searchParams }: PageProps) {
|
|||||||
]);
|
]);
|
||||||
|
|
||||||
const disableMagnetlines = preferencesResult[0]?.disableMagnetlines ?? false;
|
const disableMagnetlines = preferencesResult[0]?.disableMagnetlines ?? false;
|
||||||
|
const dashboardWidgets = preferencesResult[0]?.dashboardWidgets ?? null;
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<main className="flex flex-col gap-4 px-6">
|
<main className="flex flex-col gap-4 px-6">
|
||||||
<DashboardWelcome name={user.name} disableMagnetlines={disableMagnetlines} />
|
<DashboardWelcome
|
||||||
|
name={user.name}
|
||||||
|
disableMagnetlines={disableMagnetlines}
|
||||||
|
/>
|
||||||
<MonthNavigation />
|
<MonthNavigation />
|
||||||
<SectionCards metrics={data.metrics} />
|
<SectionCards metrics={data.metrics} />
|
||||||
<DashboardGrid data={data} period={selectedPeriod} />
|
<DashboardGridEditable
|
||||||
|
data={data}
|
||||||
|
period={selectedPeriod}
|
||||||
|
initialPreferences={dashboardWidgets}
|
||||||
|
/>
|
||||||
</main>
|
</main>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user