-
- Create T3 App -
-
-
-
- First Steps →
-
- Just the basics - Everything you need to know to set up your
- database and authentication.
-
-
-
- Documentation →
-
- Learn more about Create T3 App, the libraries it uses, and how
- to deploy it.
-
-
-
-
+
);
}
-
-function AuthShowcase() {
- const { data: sessionData } = useSession();
-
- const { data: secretMessage } = api.example.getSecretMessage.useQuery(
- undefined, // no input
- { enabled: sessionData?.user !== undefined }
- );
-
- return (
-
+
+export type AppDispatch = typeof store.dispatch
+export const useDispatch: () => AppDispatch = useBaseDispatch
+export const useSelector: TypedUseSelectorHook = useBaseSelector
+
+
+export default store
\ No newline at end of file
diff --git a/apps/web/src/server/api/root.ts b/apps/web/src/server/api/root.ts
index 0a794406..423e5d52 100644
--- a/apps/web/src/server/api/root.ts
+++ b/apps/web/src/server/api/root.ts
@@ -1,5 +1,6 @@
import { exampleRouter } from "@/server/api/routers/example";
import { createTRPCRouter } from "@/server/api/trpc";
+import { chartMetaRouter } from "./routers/chartMeta";
/**
* This is the primary router for your server.
@@ -8,6 +9,7 @@ import { createTRPCRouter } from "@/server/api/trpc";
*/
export const appRouter = createTRPCRouter({
example: exampleRouter,
+ chartMeta: chartMetaRouter
});
// export type definition of API
diff --git a/apps/web/src/server/api/routers/chartMeta.ts b/apps/web/src/server/api/routers/chartMeta.ts
new file mode 100644
index 00000000..c49a7672
--- /dev/null
+++ b/apps/web/src/server/api/routers/chartMeta.ts
@@ -0,0 +1,352 @@
+import { z } from "zod";
+
+import { createTRPCRouter, protectedProcedure } from "@/server/api/trpc";
+import { db } from "@/server/db";
+import { map, path, pipe, sort, uniq } from "ramda";
+import { toDots } from "@/utils/object";
+import { Prisma } from "@prisma/client";
+import {
+ zChartBreakdowns,
+ zChartEvents,
+ zChartType,
+ zTimeInterval,
+} from "@/utils/validation";
+import { type IChartBreakdown, type IChartEvent } from "@/types";
+
+type ResultItem = {
+ label: string | null;
+ count: number;
+ date: string;
+};
+
+function propertyNameToSql(name: string) {
+ if (name.includes(".")) {
+ return name
+ .split(".")
+ .map((item, index) => (index === 0 ? item : `'${item}'`))
+ .join("->");
+ }
+
+ return name;
+}
+
+export const config = {
+ api: {
+ responseLimit: false,
+ },
+};
+
+async function getChartData({
+ chartType,
+ event,
+ breakdowns,
+ interval,
+ startDate,
+ endDate,
+}: {
+ chartType: string;
+ event: IChartEvent;
+ breakdowns: IChartBreakdown[];
+ interval: string;
+ startDate: Date;
+ endDate: Date;
+}) {
+ const select = [`count(*)::int as count`];
+ const where = [];
+ const groupBy = [];
+ const orderBy = [];
+
+ switch (chartType) {
+ case "bar": {
+ orderBy.push("count DESC");
+ break;
+ }
+ case "linear": {
+ select.push(`date_trunc('${interval}', "createdAt") as date`);
+ groupBy.push("date");
+ orderBy.push("date");
+ break;
+ }
+ }
+
+ if (event) {
+ const { name, filters } = event;
+ where.push(`name = '${name}'`);
+ if (filters.length > 0) {
+ filters.forEach((filter) => {
+ const { name, value } = filter;
+ if (name.includes(".")) {
+ where.push(`${propertyNameToSql(name)} = '"${value}"'`);
+ } else {
+ where.push(`${name} = '${value}'`);
+ }
+ });
+ }
+ }
+
+ if (breakdowns.length) {
+ const breakdown = breakdowns[0];
+ if (breakdown) {
+ select.push(`${propertyNameToSql(breakdown.name)} as label`);
+ groupBy.push(`label`);
+ }
+ } else {
+ if (event.name) {
+ select.push(`'${event.name}' as label`);
+ }
+ }
+
+ if (startDate) {
+ where.push(`"createdAt" >= '${startDate.toISOString()}'`);
+ }
+
+ if (endDate) {
+ where.push(`"createdAt" <= '${endDate.toISOString()}'`);
+ }
+
+ const sql = `
+ SELECT ${select.join(", ")}
+ FROM events
+ WHERE ${where.join(" AND ")}
+ GROUP BY ${groupBy.join(", ")}
+ ORDER BY ${orderBy.join(", ")}
+ `;
+ console.log(sql);
+
+ const result = await db.$queryRawUnsafe(sql);
+ const series = result.reduce(
+ (acc, item) => {
+ const label = item.label?.trim() ?? event.displayName;
+ if (label) {
+ if (acc[label]) {
+ acc[label]?.push(item);
+ } else {
+ acc[label] = [item];
+ }
+ }
+
+ return {
+ ...acc,
+ };
+ },
+ {} as Record,
+ );
+
+ return Object.keys(series).map((key) => {
+ return {
+ name: breakdowns.length ? key ?? "break a leg" : event.displayName,
+ data: fillEmptySpotsInTimeline(
+ series[key] ?? [],
+ interval,
+ startDate,
+ endDate,
+ ).map((item) => {
+ return {
+ ...item,
+ label: breakdowns.length ? key ?? "break a leg" : event.displayName,
+ date: new Date(item.date).toISOString(),
+ };
+ }),
+ };
+ });
+}
+
+export const chartMetaRouter = createTRPCRouter({
+ events: protectedProcedure
+ // .input(z.object())
+ .query(async ({ input }) => {
+ const events = await db.event.findMany({
+ take: 500,
+ distinct: ["name"],
+ });
+
+ return events;
+ }),
+
+ properties: protectedProcedure
+ .input(z.object({ event: z.string() }).optional())
+ .query(async ({ input }) => {
+ const events = await db.event.findMany({
+ take: 500,
+ where: {
+ ...(input?.event
+ ? {
+ name: input.event,
+ }
+ : {}),
+ },
+ });
+
+ const properties = events.reduce((acc, event) => {
+ const properties = event as Record;
+ const dotNotation = toDots(properties);
+ return [...acc, ...Object.keys(dotNotation)];
+ }, [] as string[]);
+
+ return pipe(
+ sort((a, b) => a.length - b.length),
+ uniq,
+ )(properties);
+ }),
+
+ values: protectedProcedure
+ .input(z.object({ event: z.string(), property: z.string() }))
+ .query(async ({ input }) => {
+ const events = await db.event.findMany({
+ where: {
+ name: input.event,
+ properties: {
+ path: input.property.split(".").slice(1),
+ not: Prisma.DbNull,
+ },
+ createdAt: {
+ // Take last 30 days
+ gte: new Date(new Date().getTime() - 1000 * 60 * 60 * 24 * 30),
+ },
+ },
+ });
+
+ const values = uniq(
+ map(path(input.property.split(".")), events),
+ ) as string[];
+
+ return {
+ types: uniq(
+ values.map((value) =>
+ Array.isArray(value) ? "array" : typeof value,
+ ),
+ ),
+ values,
+ };
+ }),
+
+ chart: protectedProcedure
+ .input(
+ z.object({
+ startDate: z.date().nullish(),
+ endDate: z.date().nullish(),
+ chartType: zChartType,
+ interval: zTimeInterval,
+ events: zChartEvents,
+ breakdowns: zChartBreakdowns,
+ }),
+ )
+ .query(
+ async ({
+ input: { chartType, events, breakdowns, interval, ...input },
+ }) => {
+ const startDate = input.startDate ?? new Date();
+ const endDate = input.endDate ?? new Date();
+ const series: Awaited> = [];
+ for (const event of events) {
+ series.push(
+ ...(await getChartData({
+ chartType,
+ event,
+ breakdowns,
+ interval,
+ startDate,
+ endDate,
+ })),
+ );
+ }
+
+ return {
+ series: series.sort((a, b) => {
+ const sumA = a.data.reduce((acc, item) => acc + item.count, 0);
+ const sumB = b.data.reduce((acc, item) => acc + item.count, 0);
+ return sumB - sumA;
+ }),
+ };
+ },
+ ),
+});
+
+function fillEmptySpotsInTimeline(
+ items: ResultItem[],
+ interval: string,
+ startDate: Date,
+ endDate: Date,
+) {
+ const result = [];
+ const currentDate = new Date(startDate);
+ currentDate.setHours(2, 0, 0, 0);
+ const modifiedEndDate = new Date(endDate);
+ modifiedEndDate.setHours(2, 0, 0, 0);
+
+ while (currentDate.getTime() <= modifiedEndDate.getTime()) {
+ const getYear = (date: Date) => date.getFullYear();
+ const getMonth = (date: Date) => date.getMonth();
+ const getDay = (date: Date) => date.getDate();
+ const getHour = (date: Date) => date.getHours();
+ const getMinute = (date: Date) => date.getMinutes();
+
+ const item = items.find((item) => {
+ const date = new Date(item.date);
+
+ if (interval === "month") {
+ return (
+ getYear(date) === getYear(currentDate) &&
+ getMonth(date) === getMonth(currentDate)
+ );
+ }
+ if (interval === "day") {
+ return (
+ getYear(date) === getYear(currentDate) &&
+ getMonth(date) === getMonth(currentDate) &&
+ getDay(date) === getDay(currentDate)
+ );
+ }
+ if (interval === "hour") {
+ return (
+ getYear(date) === getYear(currentDate) &&
+ getMonth(date) === getMonth(currentDate) &&
+ getDay(date) === getDay(currentDate) &&
+ getHour(date) === getHour(currentDate)
+ );
+ }
+ if (interval === "minute") {
+ return (
+ getYear(date) === getYear(currentDate) &&
+ getMonth(date) === getMonth(currentDate) &&
+ getDay(date) === getDay(currentDate) &&
+ getHour(date) === getHour(currentDate) &&
+ getMinute(date) === getMinute(currentDate)
+ );
+ }
+ });
+
+ if (item) {
+ result.push(item);
+ } else {
+ result.push({
+ date: currentDate.toISOString(),
+ count: 0,
+ label: null,
+ });
+ }
+
+ switch (interval) {
+ case "day": {
+ currentDate.setDate(currentDate.getDate() + 1);
+ break;
+ }
+ case "hour": {
+ currentDate.setHours(currentDate.getHours() + 1);
+ break;
+ }
+ case "minute": {
+ currentDate.setMinutes(currentDate.getMinutes() + 1);
+ break;
+ }
+ case "month": {
+ currentDate.setMonth(currentDate.getMonth() + 1);
+ break;
+ }
+ }
+ }
+
+ return sort(function (a, b) {
+ return new Date(a.date).getTime() - new Date(b.date).getTime();
+ }, result);
+}
diff --git a/apps/web/src/server/api/routers/example.ts b/apps/web/src/server/api/routers/example.ts
index 8d0d4637..b07caa76 100644
--- a/apps/web/src/server/api/routers/example.ts
+++ b/apps/web/src/server/api/routers/example.ts
@@ -15,8 +15,8 @@ export const exampleRouter = createTRPCRouter({
};
}),
- getAll: publicProcedure.query(({ ctx }) => {
- return ctx.db.example.findMany();
+ getAll: publicProcedure.query(() => {
+ return []
}),
getSecretMessage: protectedProcedure.query(() => {
diff --git a/apps/web/src/server/auth.ts b/apps/web/src/server/auth.ts
index 73eef929..f8f3bf94 100644
--- a/apps/web/src/server/auth.ts
+++ b/apps/web/src/server/auth.ts
@@ -1,5 +1,4 @@
-import { PrismaAdapter } from "@next-auth/prisma-adapter";
-import { NextApiRequest, type GetServerSidePropsContext } from "next";
+import { type NextApiRequest, type GetServerSidePropsContext } from "next";
import {
getServerSession,
type DefaultSession,
@@ -39,7 +38,7 @@ declare module "next-auth" {
*/
export const authOptions: NextAuthOptions = {
callbacks: {
- session: ({ session, user, token }) => ({
+ session: ({ session, token }) => ({
...session,
user: {
...session.user,
diff --git a/apps/web/src/server/exceptions.ts b/apps/web/src/server/exceptions.ts
index 62e39ae0..f622d43c 100644
--- a/apps/web/src/server/exceptions.ts
+++ b/apps/web/src/server/exceptions.ts
@@ -1,8 +1,8 @@
import {
- MixanIssue,
- MixanErrorResponse
+ type MixanIssue,
+ type MixanErrorResponse
} from '@mixan/types'
-import { NextApiResponse } from 'next'
+import { type NextApiResponse } from 'next'
export class HttpError extends Error {
public status: number
@@ -13,7 +13,7 @@ export class HttpError extends Error {
super(message instanceof Error ? message.message : message)
this.status = status
this.message = message instanceof Error ? message.message : message
- this.issues = issues || []
+ this.issues = issues ?? []
}
toJson(): MixanErrorResponse {
@@ -31,7 +31,7 @@ export function createIssues(arr: Array) {
throw new HttpError(400, 'Issues', arr)
}
-export function createError(status = 500, error: unknown | Error | string) {
+export function createError(status = 500, error: unknown) {
if(error instanceof Error || typeof error === 'string') {
return new HttpError(status, error)
}
@@ -39,7 +39,7 @@ export function createError(status = 500, error: unknown | Error | string) {
return new HttpError(500, 'Unexpected error occured')
}
-export function handleError(res: NextApiResponse, error: Error | HttpError | unknown) {
+export function handleError(res: NextApiResponse, error: unknown) {
if(error instanceof HttpError) {
return res.status(error.status).json(error.toJson())
}
diff --git a/apps/web/src/services/profile.service.ts b/apps/web/src/services/profile.service.ts
index 637fc97f..73046980 100644
--- a/apps/web/src/services/profile.service.ts
+++ b/apps/web/src/services/profile.service.ts
@@ -25,7 +25,7 @@ export async function tickProfileProperty({
}
const properties = (
- typeof profile.properties === 'object' ? profile.properties || {} : {}
+ typeof profile.properties === 'object' ? profile.properties ?? {} : {}
) as Record
const value = name in properties ? properties[name] : 0
@@ -34,6 +34,7 @@ export async function tickProfileProperty({
}
if (typeof tick !== 'number') {
+ // eslint-disable-next-line @typescript-eslint/restrict-template-expressions
throw new HttpError(400, `Value is not a number ${tick} (${typeof tick})`)
}
diff --git a/apps/web/src/styles/globals.css b/apps/web/src/styles/globals.css
index b5c61c95..6a757250 100644
--- a/apps/web/src/styles/globals.css
+++ b/apps/web/src/styles/globals.css
@@ -1,3 +1,76 @@
@tailwind base;
@tailwind components;
@tailwind utilities;
+
+@layer base {
+ :root {
+ --background: 0 0% 100%;
+ --foreground: 222.2 84% 4.9%;
+
+ --card: 0 0% 100%;
+ --card-foreground: 222.2 84% 4.9%;
+
+ --popover: 0 0% 100%;
+ --popover-foreground: 222.2 84% 4.9%;
+
+ --primary: 222.2 47.4% 11.2%;
+ --primary-foreground: 210 40% 98%;
+
+ --secondary: 210 40% 96.1%;
+ --secondary-foreground: 222.2 47.4% 11.2%;
+
+ --muted: 210 40% 96.1%;
+ --muted-foreground: 215.4 16.3% 46.9%;
+
+ --accent: 210 40% 96.1%;
+ --accent-foreground: 222.2 47.4% 11.2%;
+
+ --destructive: 0 84.2% 60.2%;
+ --destructive-foreground: 210 40% 98%;
+
+ --border: 214.3 31.8% 91.4%;
+ --input: 214.3 31.8% 91.4%;
+ --ring: 222.2 84% 4.9%;
+
+ --radius: 0.5rem;
+ }
+
+ .dark {
+ --background: 222.2 84% 4.9%;
+ --foreground: 210 40% 98%;
+
+ --card: 222.2 84% 4.9%;
+ --card-foreground: 210 40% 98%;
+
+ --popover: 222.2 84% 4.9%;
+ --popover-foreground: 210 40% 98%;
+
+ --primary: 210 40% 98%;
+ --primary-foreground: 222.2 47.4% 11.2%;
+
+ --secondary: 217.2 32.6% 17.5%;
+ --secondary-foreground: 210 40% 98%;
+
+ --muted: 217.2 32.6% 17.5%;
+ --muted-foreground: 215 20.2% 65.1%;
+
+ --accent: 217.2 32.6% 17.5%;
+ --accent-foreground: 210 40% 98%;
+
+ --destructive: 0 62.8% 30.6%;
+ --destructive-foreground: 210 40% 98%;
+
+ --border: 217.2 32.6% 17.5%;
+ --input: 217.2 32.6% 17.5%;
+ --ring: 212.7 26.8% 83.9%;
+ }
+}
+
+@layer base {
+ * {
+ @apply border-border;
+ }
+ body {
+ @apply bg-background text-foreground;
+ }
+}
\ No newline at end of file
diff --git a/apps/web/src/types/index.ts b/apps/web/src/types/index.ts
new file mode 100644
index 00000000..882187dd
--- /dev/null
+++ b/apps/web/src/types/index.ts
@@ -0,0 +1,13 @@
+import { type zTimeInterval, type zChartBreakdown, type zChartEvent } from "@/utils/validation";
+import { type TooltipProps } from "recharts";
+import { type z } from "zod";
+
+export type IChartEvent = z.infer
+export type IChartEventFilter = IChartEvent['filters'][number]
+export type IChartBreakdown = z.infer
+export type IInterval = z.infer
+
+
+export type IToolTipProps = Omit, 'payload'> & {
+ payload?: Array
+}
\ No newline at end of file
diff --git a/apps/web/src/utils/cn.ts b/apps/web/src/utils/cn.ts
new file mode 100644
index 00000000..a7dc3a13
--- /dev/null
+++ b/apps/web/src/utils/cn.ts
@@ -0,0 +1,6 @@
+import { clsx, type ClassValue } from "clsx"
+import { twMerge } from "tailwind-merge"
+
+export function cn(...inputs: ClassValue[]) {
+ return twMerge(clsx(inputs))
+}
\ No newline at end of file
diff --git a/apps/web/src/utils/date.ts b/apps/web/src/utils/date.ts
new file mode 100644
index 00000000..e69de29b
diff --git a/apps/web/src/utils/object.ts b/apps/web/src/utils/object.ts
new file mode 100644
index 00000000..e90efb75
--- /dev/null
+++ b/apps/web/src/utils/object.ts
@@ -0,0 +1,16 @@
+
+export function toDots(obj: Record, path = ''): Record {
+ return Object.entries(obj).reduce((acc, [key, value]) => {
+ if(typeof value === 'object' && value !== null) {
+ return {
+ ...acc,
+ ...toDots(value as Record, `${path}${key}.`)
+ }
+ }
+
+ return {
+ ...acc,
+ [`${path}${key}`]: value,
+ }
+ }, {})
+}
\ No newline at end of file
diff --git a/apps/web/src/utils/theme.ts b/apps/web/src/utils/theme.ts
new file mode 100644
index 00000000..9e3b3b28
--- /dev/null
+++ b/apps/web/src/utils/theme.ts
@@ -0,0 +1,13 @@
+import resolveConfig from "tailwindcss/resolveConfig";
+import tailwinConfig from "../../tailwind.config.js";
+const config = resolveConfig(tailwinConfig);
+
+export const theme = config.theme as any;
+
+export function getChartColor(index: number): string {
+ const chartColors: string[] = Object.keys(theme?.colors ?? {})
+ .filter((key) => key.startsWith("chart-"))
+ .map((key) => theme.colors[key] as string);
+
+ return chartColors[index % chartColors.length]!;
+}
diff --git a/apps/web/src/utils/validation.ts b/apps/web/src/utils/validation.ts
new file mode 100644
index 00000000..cb14885e
--- /dev/null
+++ b/apps/web/src/utils/validation.ts
@@ -0,0 +1,25 @@
+import { z } from "zod";
+
+export const zChartEvent = z.object({
+ id: z.string(),
+ name: z.string(),
+ displayName: z.string(),
+ filters: z.array(
+ z.object({
+ id: z.string(),
+ name: z.string(),
+ value: z.string(),
+ }),
+ ),
+});
+export const zChartBreakdown = z.object({
+ id: z.string(),
+ name: z.string(),
+});
+
+export const zChartEvents = z.array(zChartEvent);
+export const zChartBreakdowns = z.array(zChartBreakdown);
+
+export const zChartType = z.enum(["bar", "linear"]);
+
+export const zTimeInterval = z.enum(["day", "hour", "month"]);
diff --git a/apps/web/tailwind.config.js b/apps/web/tailwind.config.js
new file mode 100644
index 00000000..477dd324
--- /dev/null
+++ b/apps/web/tailwind.config.js
@@ -0,0 +1,100 @@
+const colors = [
+ "#7856ff",
+ "#ff7557",
+ "#7fe1d8",
+ "#f8bc3c",
+ "#b3596e",
+ "#72bef4",
+ "#ffb27a",
+ "#0f7ea0",
+ "#3ba974",
+ "#febbb2",
+ "#cb80dc",
+ "#5cb7af",
+];
+
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+ safelist: [
+ ...colors.map((color) => `chart-${color}`),
+ ],
+ darkMode: ["class"],
+ content: [
+ "./pages/**/*.{ts,tsx}",
+ "./components/**/*.{ts,tsx}",
+ "./app/**/*.{ts,tsx}",
+ "./src/**/*.{ts,tsx}",
+ ],
+ theme: {
+ container: {
+ center: true,
+ padding: "2rem",
+ screens: {
+ "2xl": "1400px",
+ },
+ },
+ extend: {
+ colors: {
+ border: "hsl(var(--border))",
+ input: "hsl(var(--input))",
+ ring: "hsl(var(--ring))",
+ background: "hsl(var(--background))",
+ foreground: "hsl(var(--foreground))",
+ primary: {
+ DEFAULT: "hsl(var(--primary))",
+ foreground: "hsl(var(--primary-foreground))",
+ },
+ secondary: {
+ DEFAULT: "hsl(var(--secondary))",
+ foreground: "hsl(var(--secondary-foreground))",
+ },
+ destructive: {
+ DEFAULT: "hsl(var(--destructive))",
+ foreground: "hsl(var(--destructive-foreground))",
+ },
+ muted: {
+ DEFAULT: "hsl(var(--muted))",
+ foreground: "hsl(var(--muted-foreground))",
+ },
+ accent: {
+ DEFAULT: "hsl(var(--accent))",
+ foreground: "hsl(var(--accent-foreground))",
+ },
+ popover: {
+ DEFAULT: "hsl(var(--popover))",
+ foreground: "hsl(var(--popover-foreground))",
+ },
+ card: {
+ DEFAULT: "hsl(var(--card))",
+ foreground: "hsl(var(--card-foreground))",
+ },
+ ...colors.reduce((acc, color, index) => {
+ return {
+ ...acc,
+ [`chart-${index}`]: color,
+ };
+ }, {}),
+ },
+ borderRadius: {
+ lg: "var(--radius)",
+ md: "calc(var(--radius) - 2px)",
+ sm: "calc(var(--radius) - 4px)",
+ },
+ keyframes: {
+ "accordion-down": {
+ from: { height: 0 },
+ to: { height: "var(--radix-accordion-content-height)" },
+ },
+ "accordion-up": {
+ from: { height: "var(--radix-accordion-content-height)" },
+ to: { height: 0 },
+ },
+ },
+ animation: {
+ "accordion-down": "accordion-down 0.2s ease-out",
+ "accordion-up": "accordion-up 0.2s ease-out",
+ },
+ },
+ },
+ plugins: [require("tailwindcss-animate")],
+};
diff --git a/apps/web/tailwind.config.ts b/apps/web/tailwind.config.ts
index d4d3fa29..cc45ec94 100644
--- a/apps/web/tailwind.config.ts
+++ b/apps/web/tailwind.config.ts
@@ -3,7 +3,26 @@ import { type Config } from "tailwindcss";
export default {
content: ["./src/**/*.{js,ts,jsx,tsx}"],
theme: {
- extend: {},
+ extend: {
+ colors: {
+ 'chart-0': '',
+ 'chart-1': '',
+ 'chart-2': '',
+ 'chart-3': '',
+ 'chart-4': '',
+ 'chart-5': '',
+ 'chart-6': '',
+ 'chart-7': '',
+ 'chart-8': '',
+ 'chart-9': '',
+ 'chart-10': '',
+ 'chart-11': '',
+ 'chart-12': '',
+ 'chart-13': '',
+ 'chart-14': '',
+ 'chart-15': '',
+ }
+ },
},
plugins: [],
} satisfies Config;
diff --git a/bun.lockb b/bun.lockb
index 17fe77a8..54c4f369 100755
Binary files a/bun.lockb and b/bun.lockb differ
diff --git a/packages/types/index.ts b/packages/types/index.ts
index 43fb84f2..3aa2ab48 100644
--- a/packages/types/index.ts
+++ b/packages/types/index.ts
@@ -63,7 +63,8 @@ export type MixanErrorResponse = {
status: 'error'
code: number
message: string
- issues: Array
+ issues?: Array
+ stack?: string
}
export type MixanResponse = {
- {hello.data ? hello.data.greeting : "Loading tRPC query..."} -
-
+
+
+
+
+
+ 7 days
+ 14 days
+ 1 month
+ 3 month
+ 6 month
+ 1 year
+
+
+ {startDate && endDate && (
+
+ {
+ dispatch(changeInterval(value as IInterval));
+ }}
+ value={interval}
+ items={[
+ {
+ label: "Hour",
+ value: "hour",
+ },
+ {
+ label: "Day",
+ value: "day",
+ },
+ {
+ label: "Month",
+ value: "month",
+ },
+ ]}
+ >
+
-
- );
-}
diff --git a/apps/web/src/redux/index.ts b/apps/web/src/redux/index.ts
new file mode 100644
index 00000000..f0c5d4be
--- /dev/null
+++ b/apps/web/src/redux/index.ts
@@ -0,0 +1,18 @@
+import reportSlice from '@/components/report/reportSlice'
+import { configureStore } from '@reduxjs/toolkit'
+import { type TypedUseSelectorHook, useDispatch as useBaseDispatch, useSelector as useBaseSelector } from 'react-redux'
+
+const store = configureStore({
+ reducer: {
+ report: reportSlice
+ },
+})
+
+export type RootState = ReturnType- {sessionData && Logged in as {sessionData.user?.name}} - {secretMessage && - {secretMessage}} -
- -