svg]:pointer-events-none [&>svg]:size-3!",
@@ -10,14 +10,11 @@ const badgeVariants = cva(
variants: {
variant: {
default: "bg-primary text-primary-foreground [a]:hover:bg-primary/80",
- secondary:
- "bg-secondary text-secondary-foreground [a]:hover:bg-secondary/80",
+ secondary: "bg-secondary text-secondary-foreground [a]:hover:bg-secondary/80",
destructive:
"bg-destructive/10 text-destructive focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:focus-visible:ring-destructive/40 [a]:hover:bg-destructive/20",
- outline:
- "border-border text-foreground [a]:hover:bg-muted [a]:hover:text-muted-foreground",
- ghost:
- "hover:bg-muted hover:text-muted-foreground dark:hover:bg-muted/50",
+ outline: "border-border text-foreground [a]:hover:bg-muted [a]:hover:text-muted-foreground",
+ ghost: "hover:bg-muted hover:text-muted-foreground dark:hover:bg-muted/50",
link: "text-primary underline-offset-4 hover:underline",
},
},
diff --git a/src/components/ui/breadcrumb.tsx b/src/components/ui/breadcrumb.tsx
deleted file mode 100644
index e0deed4..0000000
--- a/src/components/ui/breadcrumb.tsx
+++ /dev/null
@@ -1,125 +0,0 @@
-import * as React from "react"
-import { mergeProps } from "@base-ui/react/merge-props"
-import { useRender } from "@base-ui/react/use-render"
-
-import { cn } from "@/lib/utils/shadcn"
-import { ChevronRightIcon, MoreHorizontalIcon } from "lucide-react"
-
-function Breadcrumb({ className, ...props }: React.ComponentProps<"nav">) {
- return (
-
- )
-}
-
-function BreadcrumbList({ className, ...props }: React.ComponentProps<"ol">) {
- return (
-
- )
-}
-
-function BreadcrumbItem({ className, ...props }: React.ComponentProps<"li">) {
- return (
-
- )
-}
-
-function BreadcrumbLink({
- className,
- render,
- ...props
-}: useRender.ComponentProps<"a">) {
- return useRender({
- defaultTagName: "a",
- props: mergeProps<"a">(
- {
- className: cn("transition-colors hover:text-foreground", className),
- },
- props
- ),
- render,
- state: {
- slot: "breadcrumb-link",
- },
- })
-}
-
-function BreadcrumbPage({ className, ...props }: React.ComponentProps<"span">) {
- return (
-
- )
-}
-
-function BreadcrumbSeparator({
- children,
- className,
- ...props
-}: React.ComponentProps<"li">) {
- return (
-
svg]:size-3.5", className)}
- {...props}
- >
- {children ?? (
-
- )
-}
-
-function BreadcrumbEllipsis({
- className,
- ...props
-}: React.ComponentProps<"span">) {
- return (
-
svg]:size-4",
- className
- )}
- {...props}
- >
- More
-
- )
-}
-
-export {
- Breadcrumb,
- BreadcrumbList,
- BreadcrumbItem,
- BreadcrumbLink,
- BreadcrumbPage,
- BreadcrumbSeparator,
- BreadcrumbEllipsis,
-}
diff --git a/src/components/ui/button.tsx b/src/components/ui/button.tsx
index e696922..5593d7c 100644
--- a/src/components/ui/button.tsx
+++ b/src/components/ui/button.tsx
@@ -1,10 +1,10 @@
import { Button as ButtonPrimitive } from "@base-ui/react/button"
import { cva, type VariantProps } from "class-variance-authority"
-import { cn } from "@/lib/utils/shadcn"
+import { cn } from "@/lib/utils"
const buttonVariants = cva(
- "group/button inline-flex shrink-0 items-center justify-center rounded-lg border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 cursor-pointer",
+ "group/button inline-flex shrink-0 items-center justify-center rounded-lg border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
{
variants: {
variant: {
@@ -12,25 +12,23 @@ const buttonVariants = cva(
outline:
"border-border bg-background hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50",
secondary:
- "bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground",
+ "bg-secondary text-secondary-foreground hover:bg-[color-mix(in_oklch,var(--secondary),var(--foreground)_5%)] aria-expanded:bg-secondary aria-expanded:text-secondary-foreground",
ghost:
- "hover:bg-accent hover:text-foreground aria-expanded:bg-accent aria-expanded:text-foreground",
+ "hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50",
destructive:
"bg-destructive/10 text-destructive hover:bg-destructive/20 focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:hover:bg-destructive/30 dark:focus-visible:ring-destructive/40",
link: "text-primary underline-offset-4 hover:underline",
},
size: {
- default:
- "h-8 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
+ default: "h-8 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
xs: "h-6 gap-1 rounded-[min(var(--radius-md),10px)] px-2 text-xs in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3",
sm: "h-7 gap-1 rounded-[min(var(--radius-md),12px)] px-2.5 text-[0.8rem] in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5",
lg: "h-9 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
- icon: "size-8 [&_svg:not([class*='size-'])]:size-4.5",
+ icon: "size-8",
"icon-xs":
"size-6 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-lg [&_svg:not([class*='size-'])]:size-3",
- "icon-sm":
- "size-7 rounded-[min(var(--radius-md),12px)] in-data-[slot=button-group]:rounded-lg [&_svg:not([class*='size-'])]:size-4",
- "icon-lg": "size-9 [&_svg:not([class*='size-'])]:size-5",
+ "icon-sm": "size-7 rounded-[min(var(--radius-md),12px)] in-data-[slot=button-group]:rounded-lg",
+ "icon-lg": "size-9",
},
},
defaultVariants: {
@@ -46,13 +44,7 @@ function Button({
size = "default",
...props
}: ButtonPrimitive.Props & VariantProps
) {
- return (
- & {
- buttonVariant?: React.ComponentProps["variant"]
-}) {
- const defaultClassNames = getDefaultClassNames()
-
- return (
- svg]:rotate-180`,
- String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`,
- className
- )}
- captionLayout={captionLayout}
- locale={locale}
- formatters={{
- formatMonthDropdown: (date) =>
- date.toLocaleString(locale?.code, { month: "short" }),
- ...formatters,
- }}
- classNames={{
- root: cn("w-fit", defaultClassNames.root),
- months: cn(
- "relative flex flex-col gap-4 md:flex-row",
- defaultClassNames.months
- ),
- month: cn("flex w-full flex-col gap-4", defaultClassNames.month),
- nav: cn(
- "absolute inset-x-0 top-0 flex w-full items-center justify-between gap-1",
- defaultClassNames.nav
- ),
- button_previous: cn(
- buttonVariants({ variant: buttonVariant }),
- "size-(--cell-size) p-0 select-none aria-disabled:opacity-50",
- defaultClassNames.button_previous
- ),
- button_next: cn(
- buttonVariants({ variant: buttonVariant }),
- "size-(--cell-size) p-0 select-none aria-disabled:opacity-50",
- defaultClassNames.button_next
- ),
- month_caption: cn(
- "flex h-(--cell-size) w-full items-center justify-center px-(--cell-size)",
- defaultClassNames.month_caption
- ),
- dropdowns: cn(
- "flex h-(--cell-size) w-full items-center justify-center gap-1.5 text-sm font-medium",
- defaultClassNames.dropdowns
- ),
- dropdown_root: cn(
- "relative rounded-(--cell-radius)",
- defaultClassNames.dropdown_root
- ),
- dropdown: cn(
- "absolute inset-0 bg-popover opacity-0",
- defaultClassNames.dropdown
- ),
- caption_label: cn(
- "font-medium select-none",
- captionLayout === "label"
- ? "text-sm"
- : "flex items-center gap-1 rounded-(--cell-radius) text-sm [&>svg]:size-3.5 [&>svg]:text-muted-foreground",
- defaultClassNames.caption_label
- ),
- table: "w-full border-collapse",
- weekdays: cn("flex", defaultClassNames.weekdays),
- weekday: cn(
- "flex-1 rounded-(--cell-radius) text-[0.8rem] font-normal text-muted-foreground select-none",
- defaultClassNames.weekday
- ),
- week: cn("mt-2 flex w-full", defaultClassNames.week),
- week_number_header: cn(
- "w-(--cell-size) select-none",
- defaultClassNames.week_number_header
- ),
- week_number: cn(
- "text-[0.8rem] text-muted-foreground select-none",
- defaultClassNames.week_number
- ),
- day: cn(
- "group/day relative aspect-square h-full w-full rounded-(--cell-radius) p-0 text-center select-none [&:last-child[data-selected=true]_button]:rounded-r-(--cell-radius)",
- props.showWeekNumber
- ? "[&:nth-child(2)[data-selected=true]_button]:rounded-l-(--cell-radius)"
- : "[&:first-child[data-selected=true]_button]:rounded-l-(--cell-radius)",
- defaultClassNames.day
- ),
- range_start: cn(
- "relative isolate z-0 rounded-l-(--cell-radius) bg-muted after:absolute after:inset-y-0 after:right-0 after:w-4 after:bg-muted",
- defaultClassNames.range_start
- ),
- range_middle: cn("rounded-none", defaultClassNames.range_middle),
- range_end: cn(
- "relative isolate z-0 rounded-r-(--cell-radius) bg-muted after:absolute after:inset-y-0 after:left-0 after:w-4 after:bg-muted",
- defaultClassNames.range_end
- ),
- today: cn(
- "rounded-(--cell-radius) bg-muted text-foreground data-[selected=true]:rounded-none",
- defaultClassNames.today
- ),
- outside: cn(
- "text-muted-foreground aria-selected:text-muted-foreground",
- defaultClassNames.outside
- ),
- disabled: cn(
- "text-muted-foreground opacity-50",
- defaultClassNames.disabled
- ),
- hidden: cn("invisible", defaultClassNames.hidden),
- ...classNames,
- }}
- components={{
- Root: ({ className, rootRef, ...props }) => {
- return (
-
- )
- },
- Chevron: ({ className, orientation, ...props }) => {
- if (orientation === "left") {
- return (
-
-
- {children}
-
-
- )
- },
- ...components,
- }}
- {...props}
- />
- )
-}
-
-function CalendarDayButton({
- className,
- day,
- modifiers,
- locale,
- ...props
-}: React.ComponentProps & { locale?: Partial }) {
- const defaultClassNames = getDefaultClassNames()
-
- const ref = React.useRef(null)
- React.useEffect(() => {
- if (modifiers.focused) ref.current?.focus()
- }, [modifiers.focused])
-
- return (
- span]:text-xs [&>span]:opacity-70",
- defaultClassNames.day,
- className
- )}
- {...props}
- />
- )
-}
-
-export { Calendar, CalendarDayButton }
diff --git a/src/components/ui/card.tsx b/src/components/ui/card.tsx
index 0c2e676..686a54f 100644
--- a/src/components/ui/card.tsx
+++ b/src/components/ui/card.tsx
@@ -1,18 +1,14 @@
-import * as React from "react"
+import type * as React from "react"
-import { cn } from "@/lib/utils/shadcn"
+import { cn } from "@/lib/utils"
-function Card({
- className,
- size = "default",
- ...props
-}: React.ComponentProps<"div"> & { size?: "default" | "sm" }) {
+function Card({ className, size = "default", ...props }: React.ComponentProps<"div"> & { size?: "default" | "sm" }) {
return (
img:first-child]:pt-0 data-[size=sm]:gap-3 data-[size=sm]:py-3 data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl",
+ "group/card flex flex-col gap-(--card-spacing) overflow-hidden rounded-xl bg-card py-(--card-spacing) text-sm text-card-foreground ring-1 ring-foreground/10 [--card-spacing:--spacing(4)] has-data-[slot=card-footer]:pb-0 has-[>img:first-child]:pt-0 data-[size=sm]:[--card-spacing:--spacing(3)] data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl",
className
)}
{...props}
@@ -25,7 +21,7 @@ function CardHeader({ className, ...props }: React.ComponentProps<"div">) {
) {
return (
)
}
function CardDescription({ className, ...props }: React.ComponentProps<"div">) {
- return (
-
- )
+ return
}
function CardAction({ className, ...props }: React.ComponentProps<"div">) {
return (
)
}
function CardContent({ className, ...props }: React.ComponentProps<"div">) {
- return (
-
- )
+ return
}
function CardFooter({ className, ...props }: React.ComponentProps<"div">) {
return (
)
}
-export {
- Card,
- CardHeader,
- CardFooter,
- CardTitle,
- CardAction,
- CardDescription,
- CardContent,
-}
+export { Card, CardHeader, CardFooter, CardTitle, CardAction, CardDescription, CardContent }
diff --git a/src/components/ui/collapsible.tsx b/src/components/ui/collapsible.tsx
deleted file mode 100644
index 488fb33..0000000
--- a/src/components/ui/collapsible.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-"use client"
-
-import { Collapsible as CollapsiblePrimitive } from "@base-ui/react/collapsible"
-
-function Collapsible({ ...props }: CollapsiblePrimitive.Root.Props) {
- return
-}
-
-function CollapsibleTrigger({ ...props }: CollapsiblePrimitive.Trigger.Props) {
- return (
-
- )
-}
-
-function CollapsibleContent({ ...props }: CollapsiblePrimitive.Panel.Props) {
- return (
-
- )
-}
-
-export { Collapsible, CollapsibleTrigger, CollapsibleContent }
diff --git a/src/components/ui/command.tsx b/src/components/ui/command.tsx
deleted file mode 100644
index b57a702..0000000
--- a/src/components/ui/command.tsx
+++ /dev/null
@@ -1,196 +0,0 @@
-"use client"
-
-import * as React from "react"
-import { Command as CommandPrimitive } from "cmdk"
-
-import { cn } from "@/lib/utils/shadcn"
-import {
- Dialog,
- DialogContent,
- DialogDescription,
- DialogHeader,
- DialogTitle,
-} from "@/components/ui/dialog"
-import {
- InputGroup,
- InputGroupAddon,
-} from "@/components/ui/input-group"
-import { SearchIcon, CheckIcon } from "lucide-react"
-
-function Command({
- className,
- ...props
-}: React.ComponentProps
) {
- return (
- , "children"> & {
- title?: string
- description?: string
- className?: string
- showCloseButton?: boolean
- children: React.ReactNode
-}) {
- return (
-
-
- {title}
- {description}
-
-
- {children}
-
-
- )
-}
-
-function CommandInput({
- className,
- ...props
-}: React.ComponentProps) {
- return (
-
-
-
-
-
-
- )
-}
-
-function CommandList({
- className,
- ...props
-}: React.ComponentProps) {
- return (
- ) {
- return (
- ) {
- return (
- ) {
- return (
- ) {
- return (
-
- {children}
-
- )
-}
-
-function CommandShortcut({
- className,
- ...props
-}: React.ComponentProps<"span">) {
- return (
- Close
)}
@@ -81,13 +70,7 @@ function DialogContent({
}
function DialogHeader({ className, ...props }: React.ComponentProps<"div">) {
- return (
-
- )
+ return
}
function DialogFooter({
@@ -108,11 +91,7 @@ function DialogFooter({
{...props}
>
{children}
- {showCloseButton && (
-
)
}
@@ -121,19 +100,13 @@ function DialogTitle({ className, ...props }: DialogPrimitive.Title.Props) {
return (
)
}
-function DialogDescription({
- className,
- ...props
-}: DialogPrimitive.Description.Props) {
+function DialogDescription({ className, ...props }: DialogPrimitive.Description.Props) {
return (
-}
-
-function DropdownMenuPortal({ ...props }: MenuPrimitive.Portal.Props) {
- return
-}
-
-function DropdownMenuTrigger({ ...props }: MenuPrimitive.Trigger.Props) {
- return
-}
-
-function DropdownMenuContent({
- align = "start",
- alignOffset = 0,
- side = "bottom",
- sideOffset = 4,
- className,
- ...props
-}: MenuPrimitive.Popup.Props &
- Pick<
- MenuPrimitive.Positioner.Props,
- "align" | "alignOffset" | "side" | "sideOffset"
- >) {
- return (
-
-
-
-
- )
-}
-
-function DropdownMenuGroup({ ...props }: MenuPrimitive.Group.Props) {
- return
-}
-
-function DropdownMenuLabel({
- className,
- inset,
- ...props
-}: MenuPrimitive.GroupLabel.Props & {
- inset?: boolean
-}) {
- return (
-
- )
-}
-
-function DropdownMenuItem({
- className,
- inset,
- variant = "default",
- ...props
-}: MenuPrimitive.Item.Props & {
- inset?: boolean
- variant?: "default" | "destructive"
-}) {
- return (
-
- )
-}
-
-function DropdownMenuSub({ ...props }: MenuPrimitive.SubmenuRoot.Props) {
- return
-}
-
-function DropdownMenuSubTrigger({
- className,
- inset,
- children,
- ...props
-}: MenuPrimitive.SubmenuTrigger.Props & {
- inset?: boolean
-}) {
- return (
-
- {children}
-
- )
-}
-
-function DropdownMenuSubContent({
- align = "start",
- alignOffset = -3,
- side = "right",
- sideOffset = 0,
- className,
- ...props
-}: React.ComponentProps
) {
- return (
-
-
-
-
-
- {children}
-
- )
-}
-
-function DropdownMenuRadioGroup({ ...props }: MenuPrimitive.RadioGroup.Props) {
- return (
-
-
-
-
-
- {children}
-
- )
-}
-
-function DropdownMenuSeparator({
- className,
- ...props
-}: MenuPrimitive.Separator.Props) {
- return (
-
+ )
+}
+
+function EmptyHeader({ className, ...props }: React.ComponentProps<"div">) {
+ return (
+
+ )
+}
+
+const emptyMediaVariants = cva(
+ "mb-2 flex shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0",
+ {
+ variants: {
+ variant: {
+ default: "bg-transparent",
+ icon: "flex size-8 shrink-0 items-center justify-center rounded-lg bg-muted text-foreground [&_svg:not([class*='size-'])]:size-4",
+ },
+ },
+ defaultVariants: {
+ variant: "default",
+ },
+ }
+)
+
+function EmptyMedia({
+ className,
+ variant = "default",
+ ...props
+}: React.ComponentProps<"div"> & VariantProps) {
+ return (
+
+ )
+}
+
+function EmptyTitle({ className, ...props }: React.ComponentProps<"div">) {
+ return (
+
+ )
+}
+
+function EmptyDescription({ className, ...props }: React.ComponentProps<"p">) {
+ return (
+ a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary",
+ className
+ )}
+ {...props}
+ />
+ )
+}
+
+function EmptyContent({ className, ...props }: React.ComponentProps<"div">) {
+ return (
+
+ )
+}
+
+export { Empty, EmptyHeader, EmptyTitle, EmptyDescription, EmptyContent, EmptyMedia }
diff --git a/src/components/ui/field.tsx b/src/components/ui/field.tsx
index 50a5514..6dcc6cd 100644
--- a/src/components/ui/field.tsx
+++ b/src/components/ui/field.tsx
@@ -1,238 +1,60 @@
-"use client"
-
-import { useMemo } from "react"
import { cva, type VariantProps } from "class-variance-authority"
-
-import { cn } from "@/lib/utils/shadcn"
import { Label } from "@/components/ui/label"
-import { Separator } from "@/components/ui/separator"
-
-function FieldSet({ className, ...props }: React.ComponentProps<"fieldset">) {
- return (
-
[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3",
- className
- )}
- {...props}
- />
- )
-}
-
-function FieldLegend({
- className,
- variant = "legend",
- ...props
-}: React.ComponentProps<"legend"> & { variant?: "legend" | "label" }) {
- return (
-
+
)
}
-const fieldVariants = cva(
- "group/field flex w-full gap-2 data-[invalid=true]:text-destructive",
- {
- variants: {
- orientation: {
- vertical: "flex-col *:w-full [&>.sr-only]:w-auto",
- horizontal:
- "flex-row items-center has-[>[data-slot=field-content]]:items-start *:data-[slot=field-label]:flex-auto has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px",
- responsive:
- "flex-col *:w-full @md/field-group:flex-row @md/field-group:items-center @md/field-group:*:w-auto @md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:*:data-[slot=field-label]:flex-auto [&>.sr-only]:w-auto @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px",
- },
+const fieldVariants = cva("group/field flex w-full gap-2 data-[invalid=true]:text-destructive", {
+ variants: {
+ orientation: {
+ vertical: "flex-col *:w-full [&>.sr-only]:w-auto",
+ horizontal: "flex-row items-center",
+ responsive: "flex-col *:w-full @md/field-group:flex-row @md/field-group:items-center @md/field-group:*:w-auto",
},
- defaultVariants: {
- orientation: "vertical",
- },
- }
-)
+ },
+ defaultVariants: { orientation: "vertical" },
+})
function Field({
className,
orientation = "vertical",
...props
-}: React.ComponentProps<"div"> & VariantProps) {
+}: React.ComponentProps<"fieldset"> & VariantProps) {
return (
-
)
}
-function FieldContent({ className, ...props }: React.ComponentProps<"div">) {
- return (
-
- )
-}
-
-function FieldLabel({
- className,
- ...props
-}: React.ComponentProps) {
- return (
- [data-slot=field]]:rounded-lg has-[>[data-slot=field]]:border *:data-[slot=field]:p-2.5 dark:has-data-checked:border-primary/20 dark:has-data-checked:bg-primary/10",
- "has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col",
- className
- )}
- {...props}
- />
- )
-}
-
-function FieldTitle({ className, ...props }: React.ComponentProps<"div">) {
- return (
-
- )
+function FieldLabel({ className, ...props }: React.ComponentProps) {
+ return a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary",
- className
- )}
+ className={cn("text-sm leading-normal text-muted-foreground", className)}
{...props}
/>
)
}
-function FieldSeparator({
- children,
- className,
- ...props
-}: React.ComponentProps<"div"> & {
- children?: React.ReactNode
-}) {
- return (
-
-
- {children}
-
- )}
-
- )
-}
-
-function FieldError({
- className,
- children,
- errors,
- ...props
-}: React.ComponentProps<"div"> & {
- errors?: Array<{ message?: string } | undefined>
-}) {
- const content = useMemo(() => {
- if (children) {
- return children
- }
-
- if (!errors?.length) {
- return null
- }
-
- const uniqueErrors = [
- ...new Map(errors.map((error) => [error?.message, error])).values(),
- ]
-
- if (uniqueErrors?.length == 1) {
- return uniqueErrors[0]?.message
- }
-
- return (
-
- {uniqueErrors.map(
- (error, index) =>
- error?.message && {error.message}
- )}
-
- )
- }, [children, errors])
-
- if (!content) {
- return null
- }
-
+function FieldError({ className, children, ...props }: React.ComponentProps<"div">) {
+ if (!children) return null
return (
-
- {content}
+
+ {children}
)
}
-export {
- Field,
- FieldLabel,
- FieldDescription,
- FieldError,
- FieldGroup,
- FieldLegend,
- FieldSeparator,
- FieldSet,
- FieldContent,
- FieldTitle,
-}
+export { Field, FieldDescription, FieldError, FieldGroup, FieldLabel }
diff --git a/src/components/ui/form.tsx b/src/components/ui/form.tsx
deleted file mode 100644
index cd03ec1..0000000
--- a/src/components/ui/form.tsx
+++ /dev/null
@@ -1,179 +0,0 @@
-"use client";
-
-import * as React from "react";
-import { type Label as LabelPrimitive, Slot as SlotPrimitive } from "radix-ui";
-
-import {
- Controller,
- type ControllerProps,
- type FieldPath,
- type FieldValues,
- FormProvider,
- useFormContext,
-} from "react-hook-form";
-
-import { cn } from "@/lib/utils/shadcn";
-import { Label } from "@/components/ui/label";
-
-const Form = FormProvider;
-
-type FormFieldContextValue<
- TFieldValues extends FieldValues = FieldValues,
- TName extends FieldPath
= FieldPath,
-> = {
- name: TName;
-};
-
-const FormFieldContext = React.createContext(
- {} as FormFieldContextValue,
-);
-
-const FormField = <
- TFieldValues extends FieldValues = FieldValues,
- TName extends FieldPath = FieldPath,
->({
- ...props
-}: ControllerProps) => {
- return (
-
-
- );
-};
-
-const useFormField = () => {
- const fieldContext = React.useContext(FormFieldContext);
- const itemContext = React.useContext(FormItemContext);
- const { getFieldState, formState } = useFormContext();
-
- const fieldState = getFieldState(fieldContext.name, formState);
-
- if (!fieldContext) {
- throw new Error("useFormField should be used within ");
- }
-
- const { id } = itemContext;
-
- return {
- id,
- name: fieldContext.name,
- formItemId: `${id}-form-item`,
- formDescriptionId: `${id}-form-item-description`,
- formMessageId: `${id}-form-item-message`,
- ...fieldState,
- };
-};
-
-type FormItemContextValue = {
- id: string;
-};
-
-const FormItemContext = React.createContext(
- {} as FormItemContextValue,
-);
-
-const FormItem = React.forwardRef<
- HTMLDivElement,
- React.HTMLAttributes
->(({ className, ...props }, ref) => {
- const id = React.useId();
-
- return (
-
-
-
- );
-});
-FormItem.displayName = "FormItem";
-
-const FormLabel = React.forwardRef<
- React.ElementRef,
- React.ComponentPropsWithoutRef
->(({ className, ...props }, ref) => {
- const { error, formItemId } = useFormField();
-
- return (
- ,
- React.ComponentPropsWithoutRef
->(({ ...props }, ref) => {
- const { error, formItemId, formDescriptionId, formMessageId } =
- useFormField();
-
- return (
-
->(({ className, ...props }, ref) => {
- const { formDescriptionId } = useFormField();
-
- return (
-
- );
-});
-FormDescription.displayName = "FormDescription";
-
-const FormMessage = React.forwardRef<
- HTMLParagraphElement,
- React.HTMLAttributes
->(({ className, children, ...props }, ref) => {
- const { error, formMessageId } = useFormField();
- const body = error ? String(error?.message) : children;
-
- if (!body) {
- return null;
- }
-
- return (
-
- {body}
-
- );
-});
-FormMessage.displayName = "FormMessage";
-
-export {
- useFormField,
- Form,
- FormItem,
- FormLabel,
- FormControl,
- FormDescription,
- FormMessage,
- FormField,
-};
diff --git a/src/components/ui/input-group.tsx b/src/components/ui/input-group.tsx
deleted file mode 100644
index 487a742..0000000
--- a/src/components/ui/input-group.tsx
+++ /dev/null
@@ -1,158 +0,0 @@
-"use client"
-
-import * as React from "react"
-import { cva, type VariantProps } from "class-variance-authority"
-
-import { cn } from "@/lib/utils/shadcn"
-import { Button } from "@/components/ui/button"
-import { Input } from "@/components/ui/input"
-import { Textarea } from "@/components/ui/textarea"
-
-function InputGroup({ className, ...props }: React.ComponentProps<"div">) {
- return (
- [data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>textarea]:h-auto dark:bg-input/30 dark:has-disabled:bg-input/80 dark:has-[[data-slot][aria-invalid=true]]:ring-destructive/40 has-[>[data-align=block-end]]:[&>input]:pt-3 has-[>[data-align=block-start]]:[&>input]:pb-3 has-[>[data-align=inline-end]]:[&>input]:pr-1.5 has-[>[data-align=inline-start]]:[&>input]:pl-1.5",
- className
- )}
- {...props}
- />
- )
-}
-
-const inputGroupAddonVariants = cva(
- "flex h-auto cursor-text items-center justify-center gap-2 py-1.5 text-sm font-medium text-muted-foreground select-none group-data-[disabled=true]/input-group:opacity-50 [&>kbd]:rounded-[calc(var(--radius)-5px)] [&>svg:not([class*='size-'])]:size-4",
- {
- variants: {
- align: {
- "inline-start":
- "order-first pl-2 has-[>button]:ml-[-0.3rem] has-[>kbd]:ml-[-0.15rem]",
- "inline-end":
- "order-last pr-2 has-[>button]:mr-[-0.3rem] has-[>kbd]:mr-[-0.15rem]",
- "block-start":
- "order-first w-full justify-start px-2.5 pt-2 group-has-[>input]/input-group:pt-2 [.border-b]:pb-2",
- "block-end":
- "order-last w-full justify-start px-2.5 pb-2 group-has-[>input]/input-group:pb-2 [.border-t]:pt-2",
- },
- },
- defaultVariants: {
- align: "inline-start",
- },
- }
-)
-
-function InputGroupAddon({
- className,
- align = "inline-start",
- ...props
-}: React.ComponentProps<"div"> & VariantProps
) {
- return (
- {
- if ((e.target as HTMLElement).closest("button")) {
- return
- }
- e.currentTarget.parentElement?.querySelector("input")?.focus()
- }}
- {...props}
- />
- )
-}
-
-const inputGroupButtonVariants = cva(
- "flex items-center gap-2 text-sm shadow-none",
- {
- variants: {
- size: {
- xs: "h-6 gap-1 rounded-[calc(var(--radius)-3px)] px-1.5 [&>svg:not([class*='size-'])]:size-3.5",
- sm: "",
- "icon-xs":
- "size-6 rounded-[calc(var(--radius)-3px)] p-0 has-[>svg]:p-0",
- "icon-sm": "size-8 p-0 has-[>svg]:p-0",
- },
- },
- defaultVariants: {
- size: "xs",
- },
- }
-)
-
-function InputGroupButton({
- className,
- type = "button",
- variant = "ghost",
- size = "xs",
- ...props
-}: Omit
, "size" | "type"> &
- VariantProps & {
- type?: "button" | "submit" | "reset"
- }) {
- return (
- & {
- containerClassName?: string
-}) {
- return (
-
- )
-}
-
-function InputOTPSlot({
- index,
- className,
- ...props
-}: React.ComponentProps<"div"> & {
- index: number
-}) {
- const inputOTPContext = React.useContext(OTPInputContext)
- const { char, hasFakeCaret, isActive } = inputOTPContext?.slots[index] ?? {}
-
- return (
-
- {char}
- {hasFakeCaret && (
-
- )}
-
-
- )
-}
-
-export { InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator }
diff --git a/src/components/ui/input.tsx b/src/components/ui/input.tsx
index 8e7a2ca..aeecf87 100644
--- a/src/components/ui/input.tsx
+++ b/src/components/ui/input.tsx
@@ -1,19 +1,9 @@
-import * as React from "react"
import { Input as InputPrimitive } from "@base-ui/react/input"
+import type * as React from "react"
-import { cn } from "@/lib/utils/shadcn"
+import { cn } from "@/lib/utils"
function Input({ className, type, ...props }: React.ComponentProps<"input">) {
-const ignoreManagerAttrs =
- props.autoComplete === "off"
- ? {
- "data-1p-ignore": true, // 1Password
- "data-lpignore": true, // LastPass
- "data-bwignore": true, // Bitwarden
- "data-form-type": "other", // Dashlane
- }
- : {};
-
return (
, "htmlFor"> & { htmlFor: string }
-function Label({ className, ...props }: React.ComponentProps<"label">) {
+function Label({ className, htmlFor, ...props }: LabelProps) {
return (
+ // biome-ignore lint/a11y/noLabelWithoutControl: Label associates its control through the required htmlFor prop.
) {
+ return (
+ , "size"> &
+ React.ComponentProps<"a">
+
+function PaginationLink({ className, isActive, size = "icon", ...props }: PaginationLinkProps) {
+ return (
+ & { text?: string }) {
+ return (
+
+ {text}
+
+ )
+}
+
+function PaginationNext({
+ className,
+ text = "Next",
+ ...props
+}: React.ComponentProps & { text?: string }) {
+ return (
+
+ {text}
+
+ )
+}
+
+function PaginationEllipsis({ className, ...props }: React.ComponentProps<"span">) {
+ return (
+
+ More pages
+
+ )
+}
+
+export {
+ Pagination,
+ PaginationContent,
+ PaginationEllipsis,
+ PaginationItem,
+ PaginationLink,
+ PaginationNext,
+ PaginationPrevious,
+}
diff --git a/src/components/ui/popover.tsx b/src/components/ui/popover.tsx
deleted file mode 100644
index e0f0707..0000000
--- a/src/components/ui/popover.tsx
+++ /dev/null
@@ -1,90 +0,0 @@
-"use client"
-
-import * as React from "react"
-import { Popover as PopoverPrimitive } from "@base-ui/react/popover"
-
-import { cn } from "@/lib/utils/shadcn"
-
-function Popover({ ...props }: PopoverPrimitive.Root.Props) {
- return
-
-
-
- )
-}
-
-function PopoverHeader({ className, ...props }: React.ComponentProps<"div">) {
- return (
-
- )
-}
-
-function PopoverTitle({ className, ...props }: PopoverPrimitive.Title.Props) {
- return (
-
- {children}
-
- )
-}
-
-function ProgressTrack({ className, ...props }: ProgressPrimitive.Track.Props) {
- return (
-
- {children}
-
- )
-}
-
-function SelectContent({
- className,
- children,
- side = "bottom",
- sideOffset = 4,
- align = "center",
- alignOffset = 0,
- alignItemWithTrigger = true,
- ...props
-}: SelectPrimitive.Popup.Props &
- Pick<
- SelectPrimitive.Positioner.Props,
- "align" | "alignOffset" | "side" | "sideOffset" | "alignItemWithTrigger"
- >) {
- return (
-
-
-
- {children}
-
-
-
- )
-}
-
-function SelectLabel({
- className,
- ...props
-}: SelectPrimitive.GroupLabel.Props) {
- return (
-
-
- {children}
-
-
- )
-}
-
-function SelectSeparator({
- className,
- ...props
-}: SelectPrimitive.Separator.Props) {
- return (
- ) {
- return (
-
-
- )
-}
-
-function SelectScrollDownButton({
- className,
- ...props
-}: React.ComponentProps) {
- return (
-
-
- )
-}
-
-export {
- Select,
- SelectContent,
- SelectGroup,
- SelectItem,
- SelectLabel,
- SelectScrollDownButton,
- SelectScrollUpButton,
- SelectSeparator,
- SelectTrigger,
- SelectValue,
-}
diff --git a/src/components/ui/separator.tsx b/src/components/ui/separator.tsx
index 0616473..740c9da 100644
--- a/src/components/ui/separator.tsx
+++ b/src/components/ui/separator.tsx
@@ -1,14 +1,8 @@
-"use client"
-
import { Separator as SeparatorPrimitive } from "@base-ui/react/separator"
-import { cn } from "@/lib/utils/shadcn"
+import { cn } from "@/lib/utils"
-function Separator({
- className,
- orientation = "horizontal",
- ...props
-}: SeparatorPrimitive.Props) {
+function Separator({ className, orientation = "horizontal", ...props }: SeparatorPrimitive.Props) {
return (
-
- {children}
- {showCloseButton && (
- Close
-
- )}
-
-
- )
-}
-
-function SheetHeader({ className, ...props }: React.ComponentProps<"div">) {
- return (
-
- )
-}
-
-function SheetFooter({ className, ...props }: React.ComponentProps<"div">) {
- return (
-
- )
-}
-
-function SheetTitle({ className, ...props }: SheetPrimitive.Title.Props) {
- return (
- (null)
-
-function useSidebar() {
- const context = React.useContext(SidebarContext)
- if (!context) {
- throw new Error("useSidebar must be used within a SidebarProvider.")
- }
-
- return context
-}
-
-function SidebarProvider({
- defaultOpen = true,
- open: openProp,
- onOpenChange: setOpenProp,
- className,
- style,
- children,
- ...props
-}: React.ComponentProps<"div"> & {
- defaultOpen?: boolean
- open?: boolean
- onOpenChange?: (open: boolean) => void
-}) {
- const isMobile = useIsMobile()
- const [openMobile, setOpenMobile] = React.useState(false)
-
- // This is the internal state of the sidebar.
- // We use openProp and setOpenProp for control from outside the component.
- const [_, setOpenCookie] = useCookieStorage(
- COOKIES.SIDEBAR_OPEN,
- false,
- { expires: 60 * 60 * 24 * 7 }
- )
- const [_open, _setOpen] = React.useState(defaultOpen)
- const open = openProp ?? _open
- const setOpen = React.useCallback(
- (value: boolean | ((value: boolean) => boolean)) => {
- const openState = typeof value === "function" ? value(open) : value
- if (setOpenProp) {
- setOpenProp(openState)
- } else {
- _setOpen(openState)
- }
-
- setOpenCookie(openState)
- },
- [setOpenProp, open]
- )
-
- // Helper to toggle the sidebar.
- const toggleSidebar = React.useCallback(() => {
- return isMobile ? setOpenMobile((open) => !open) : setOpen((open) => !open)
- }, [isMobile, setOpen, setOpenMobile])
-
- // Adds a keyboard shortcut to toggle the sidebar.
- React.useEffect(() => {
- const handleKeyDown = (event: KeyboardEvent) => {
- if (
- event.key === SIDEBAR_KEYBOARD_SHORTCUT &&
- (event.metaKey || event.ctrlKey)
- ) {
- event.preventDefault()
- toggleSidebar()
- }
- }
-
- window.addEventListener("keydown", handleKeyDown)
- return () => window.removeEventListener("keydown", handleKeyDown)
- }, [toggleSidebar])
-
- // We add a state so that we can do data-state="expanded" or "collapsed".
- // This makes it easier to style the sidebar with Tailwind classes.
- const state = open ? "expanded" : "collapsed"
-
- const contextValue = React.useMemo(
- () => ({
- state,
- open,
- setOpen,
- isMobile,
- openMobile,
- setOpenMobile,
- toggleSidebar,
- }),
- [state, open, setOpen, isMobile, openMobile, setOpenMobile, toggleSidebar]
- )
-
- return (
-
-
- {children}
-
-
- )
-}
-
-function Sidebar({
- side = "left",
- variant = "sidebar",
- collapsible = "offcanvas",
- className,
- children,
- dir,
- ...props
-}: React.ComponentProps<"div"> & {
- side?: "left" | "right"
- variant?: "sidebar" | "floating" | "inset"
- collapsible?: "offcanvas" | "icon" | "none"
-}) {
- const { isMobile, state, openMobile, setOpenMobile } = useSidebar()
-
- if (collapsible === "none") {
- return (
-
- {children}
-
- )
- }
-
- if (isMobile) {
- return (
-
-
-
- Sidebar
- Displays the mobile sidebar.
-
- {children}
-
-
- )
- }
-
- return (
-
- {/* This is what handles the sidebar gap on desktop */}
-
-
-
) {
- const { toggleSidebar } = useSidebar()
-
- return (
- {
- onClick?.(event)
- toggleSidebar()
- }}
- {...props}
- >
- Toggle Sidebar
-
- )
-}
-
-function SidebarRail({ className, ...props }: React.ComponentProps<"button">) {
- const { toggleSidebar } = useSidebar()
-
- return (
- ) {
- return (
-
- )
-}
-
-function SidebarFooter({ className, ...props }: React.ComponentProps<"div">) {
- return (
-
- )
-}
-
-function SidebarSeparator({
- className,
- ...props
-}: React.ComponentProps) {
- return (
-
- )
-}
-
-function SidebarGroup({ className, ...props }: React.ComponentProps<"div">) {
- return (
-
- )
-}
-
-function SidebarGroupLabel({
- className,
- render,
- ...props
-}: useRender.ComponentProps<"div"> & React.ComponentProps<"div">) {
- return useRender({
- defaultTagName: "div",
- props: mergeProps<"div">(
- {
- className: cn(
- "flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium text-sidebar-foreground/70 ring-sidebar-ring outline-hidden transition-[margin,opacity] duration-200 ease-linear group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0 focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0",
- className
- ),
- },
- props
- ),
- render,
- state: {
- slot: "sidebar-group-label",
- sidebar: "group-label",
- },
- })
-}
-
-function SidebarGroupAction({
- className,
- render,
- ...props
-}: useRender.ComponentProps<"button"> & React.ComponentProps<"button">) {
- return useRender({
- defaultTagName: "button",
- props: mergeProps<"button">(
- {
- className: cn(
- "absolute top-3.5 right-3 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground ring-sidebar-ring outline-hidden transition-transform group-data-[collapsible=icon]:hidden after:absolute after:-inset-2 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 md:after:hidden [&>svg]:size-4 [&>svg]:shrink-0",
- className
- ),
- },
- props
- ),
- render,
- state: {
- slot: "sidebar-group-action",
- sidebar: "group-action",
- },
- })
-}
-
-function SidebarGroupContent({
- className,
- ...props
-}: React.ComponentProps<"div">) {
- return (
-
- )
-}
-
-function SidebarMenu({ className, ...props }: React.ComponentProps<"ul">) {
- return (
-
- )
-}
-
-function SidebarMenuItem({ className, ...props }: React.ComponentProps<"li">) {
- return (
-
- } & VariantProps) {
- const { isMobile, state } = useSidebar()
- const comp = useRender({
- defaultTagName: "button",
- props: mergeProps<"button">(
- {
- className: cn(sidebarMenuButtonVariants({ variant, size }), className),
- },
- props
- ),
- render: !tooltip ? render :
- {comp}
-
- )
-}
-
-function SidebarMenuAction({
- className,
- render,
- showOnHover = false,
- ...props
-}: useRender.ComponentProps<"button"> &
- React.ComponentProps<"button"> & {
- showOnHover?: boolean
- }) {
- return useRender({
- defaultTagName: "button",
- props: mergeProps<"button">(
- {
- className: cn(
- "absolute top-1.5 right-1 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground ring-sidebar-ring outline-hidden transition-transform group-data-[collapsible=icon]:hidden peer-hover/menu-button:text-sidebar-accent-foreground peer-data-[size=default]/menu-button:top-1.5 peer-data-[size=lg]/menu-button:top-2.5 peer-data-[size=sm]/menu-button:top-1 after:absolute after:-inset-2 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 md:after:hidden [&>svg]:size-4 [&>svg]:shrink-0",
- showOnHover &&
- "group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 peer-data-active/menu-button:text-sidebar-accent-foreground aria-expanded:opacity-100 md:opacity-0",
- className
- ),
- },
- props
- ),
- render,
- state: {
- slot: "sidebar-menu-action",
- sidebar: "menu-action",
- },
- })
-}
-
-function SidebarMenuBadge({
- className,
- ...props
-}: React.ComponentProps<"div">) {
- return (
-
- )
-}
-
-function SidebarMenuSkeleton({
- className,
- showIcon = false,
- ...props
-}: React.ComponentProps<"div"> & {
- showIcon?: boolean
-}) {
- // Random width between 50 to 90%.
- const [width] = React.useState(() => {
- return `${Math.floor(Math.random() * 40) + 50}%`
- })
-
- return (
-
- {showIcon && (
-
- )
-}
-
-function SidebarMenuSub({ className, ...props }: React.ComponentProps<"ul">) {
- return (
-
- )
-}
-
-function SidebarMenuSubItem({
- className,
- ...props
-}: React.ComponentProps<"li">) {
- return (
-
- )
+ return
}
export { Skeleton }
diff --git a/src/components/ui/sonner.tsx b/src/components/ui/sonner.tsx
index 9280ee5..be809a4 100644
--- a/src/components/ui/sonner.tsx
+++ b/src/components/ui/sonner.tsx
@@ -1,44 +1,13 @@
-"use client"
-
-import { useTheme } from "next-themes"
import { Toaster as Sonner, type ToasterProps } from "sonner"
-import { CircleCheckIcon, InfoIcon, TriangleAlertIcon, OctagonXIcon, Loader2Icon } from "lucide-react"
const Toaster = ({ ...props }: ToasterProps) => {
- const { theme = "system" } = useTheme()
-
return (
-
+
)
}
function TableHeader({ className, ...props }: React.ComponentProps<"thead">) {
- return (
-
- )
+ return
}
function TableBody({ className, ...props }: React.ComponentProps<"tbody">) {
- return (
-
- )
+ return
}
function TableFooter({ className, ...props }: React.ComponentProps<"tfoot">) {
return (
tr]:last:border-b-0",
- className
- )}
+ className={cn("border-t bg-muted/50 font-medium [&>tr]:last:border-b-0", className)}
{...props}
/>
)
@@ -82,35 +58,16 @@ function TableCell({ className, ...props }: React.ComponentProps<"td">) {
return (
) {
- return (
- & {
@@ -16,7 +15,7 @@ const ToggleGroupContext = React.createContext<
>({
size: "default",
variant: "default",
- spacing: 0,
+ spacing: 2,
orientation: "horizontal",
})
@@ -24,7 +23,7 @@ function ToggleGroup({
className,
variant,
size,
- spacing = 0,
+ spacing = 2,
orientation = "horizontal",
children,
...props
@@ -47,9 +46,7 @@ function ToggleGroup({
)}
{...props}
>
-
+
{children}
diff --git a/src/components/ui/toggle.tsx b/src/components/ui/toggle.tsx
index 9ecf9c8..1d47b60 100644
--- a/src/components/ui/toggle.tsx
+++ b/src/components/ui/toggle.tsx
@@ -1,12 +1,10 @@
-"use client"
-
import { Toggle as TogglePrimitive } from "@base-ui/react/toggle"
import { cva, type VariantProps } from "class-variance-authority"
-import { cn } from "@/lib/utils/shadcn"
+import { cn } from "@/lib/utils"
const toggleVariants = cva(
- "group/toggle inline-flex items-center justify-center gap-1 rounded-lg text-sm font-medium whitespace-nowrap transition-all outline-none hover:bg-muted hover:text-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 aria-pressed:bg-primary data-[state=on]:bg-primary dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+ "group/toggle inline-flex items-center justify-center gap-1 rounded-lg text-sm font-medium whitespace-nowrap transition-all outline-none hover:bg-muted hover:text-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 aria-pressed:bg-muted data-[state=on]:bg-muted dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
{
variants: {
variant: {
@@ -14,8 +12,7 @@ const toggleVariants = cva(
outline: "border border-input bg-transparent hover:bg-muted",
},
size: {
- default:
- "h-8 min-w-8 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
+ default: "h-8 min-w-8 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
sm: "h-7 min-w-7 rounded-[min(var(--radius-md),12px)] px-2.5 text-[0.8rem] has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5",
lg: "h-9 min-w-9 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
},
@@ -33,13 +30,7 @@ function Toggle({
size = "default",
...props
}: TogglePrimitive.Props & VariantProps) {
- return (
-
-
-
- {children}
-
-
-
- )
-}
-
-export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider }
diff --git a/src/components/user-select.tsx b/src/components/user-select.tsx
deleted file mode 100644
index 68b2a14..0000000
--- a/src/components/user-select.tsx
+++ /dev/null
@@ -1,112 +0,0 @@
-"use client"
-
-import { Search, X } from "lucide-react"
-import { useState } from "react"
-import { toast } from "sonner"
-import { fmtUser } from "@/lib/utils/telegram"
-import { getUserInfo, searchUserInfo } from "@/server/actions/users"
-import type { TgUser } from "@/server/trpc/types"
-import { Button } from "./ui/button"
-import { Input } from "./ui/input"
-import { Label } from "./ui/label"
-import { ToggleGroup, ToggleGroupItem } from "./ui/toggle-group"
-
-type Props = {
- onUser(user: TgUser): void
- onReset(): void
-}
-
-export function UserSelect({ onUser, onReset }: Props) {
- const [user, setUser] = useState(null)
- const [searchType, setSearchType] = useState<"username" | "id">("username")
- const [username, setUsername] = useState("")
- const [id, setId] = useState("")
-
- async function search() {
- const user = searchType === "username" ? await searchUserInfo(username) : await getUserInfo(parseInt(id, 10))
- if (!user) return toast.error(`User with this ${searchType === "id" ? "ID" : "username"} not found`)
- setUser(user)
- onUser(user)
- return
- }
-
- async function reset() {
- setUser(null)
- setUsername("")
- setId("")
- onReset()
- }
-
- async function submit(e: React.FormEvent) {
- e.preventDefault()
- await search()
- }
-
- return (
-
-
-
Search User by
-
v[0] && setSearchType(v[0] as "username" | "id")}
- >
-
- @ Username
-
-
- # ID
-
-
-
-
-
-
{user ? fmtUser(user) : ""}
-
(
- key: string,
- initialValue: T,
- options: CookieOptions = {}
-): [T, Dispatch>] {
- const envOptions = useMemo(() => getDefaultCookieOptions(), [])
- const mergedOptions = useMemo(() => ({ ...envOptions, ...options }), [options, envOptions])
-
- const readValue = useCallback((): T => {
- if (typeof document === "undefined") {
- return initialValue
- }
-
- try {
- const item = getCookie(key)
- return item ? (JSON.parse(item) as T) : initialValue
- } catch (error) {
- console.warn(`Error reading cookie "${key}":`, error)
- return initialValue
- }
- }, [key, initialValue])
-
- const [storedValue, setStoredValue] = useState(readValue)
-
- const setValue: Dispatch> = useCallback(
- (value) => {
- try {
- const valueToStore = value instanceof Function ? value(storedValue) : value
- setStoredValue(valueToStore)
-
- if (typeof document !== "undefined") {
- if (valueToStore === null || valueToStore === undefined) {
- deleteCookie(key, { path: mergedOptions.path, domain: mergedOptions.domain })
- } else {
- setCookie(key, JSON.stringify(valueToStore), mergedOptions)
- }
- }
- } catch (error) {
- console.warn(`Error setting cookie "${key}":`, error)
- }
- },
- [key, storedValue, mergedOptions]
- )
-
- return [storedValue, setValue]
-}
diff --git a/src/hooks/use-local-storage.tsx b/src/hooks/use-local-storage.tsx
deleted file mode 100644
index 7c4209e..0000000
--- a/src/hooks/use-local-storage.tsx
+++ /dev/null
@@ -1,31 +0,0 @@
-import { useCallback, useEffect, useState } from "react"
-
-type Return = {
- data: T | null | undefined
- update: (newData: T) => void
- remove: () => void
-}
-
-export function useLocalStorage(key: string): Return {
- const [data, setData] = useState()
-
- useEffect(() => {
- const saved = window.localStorage.getItem(key)
- setData(saved ? (JSON.parse(saved) as T) : null)
- }, [key])
-
- const update = useCallback(
- (newData: T) => {
- setData(newData)
- localStorage.setItem(key, JSON.stringify(newData))
- },
- [key]
- )
-
- const remove = useCallback(() => {
- setData(null)
- localStorage.removeItem(key)
- }, [key])
-
- return { data, update, remove }
-}
diff --git a/src/hooks/use-mobile.ts b/src/hooks/use-mobile.ts
deleted file mode 100644
index 2b0fe1d..0000000
--- a/src/hooks/use-mobile.ts
+++ /dev/null
@@ -1,19 +0,0 @@
-import * as React from "react"
-
-const MOBILE_BREAKPOINT = 768
-
-export function useIsMobile() {
- const [isMobile, setIsMobile] = React.useState(undefined)
-
- React.useEffect(() => {
- const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`)
- const onChange = () => {
- setIsMobile(window.innerWidth < MOBILE_BREAKPOINT)
- }
- mql.addEventListener("change", onChange)
- setIsMobile(window.innerWidth < MOBILE_BREAKPOINT)
- return () => mql.removeEventListener("change", onChange)
- }, [])
-
- return !!isMobile
-}
diff --git a/src/hooks/use-mobile.tsx b/src/hooks/use-mobile.tsx
deleted file mode 100644
index 2b0fe1d..0000000
--- a/src/hooks/use-mobile.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-import * as React from "react"
-
-const MOBILE_BREAKPOINT = 768
-
-export function useIsMobile() {
- const [isMobile, setIsMobile] = React.useState(undefined)
-
- React.useEffect(() => {
- const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`)
- const onChange = () => {
- setIsMobile(window.innerWidth < MOBILE_BREAKPOINT)
- }
- mql.addEventListener("change", onChange)
- setIsMobile(window.innerWidth < MOBILE_BREAKPOINT)
- return () => mql.removeEventListener("change", onChange)
- }, [])
-
- return !!isMobile
-}
diff --git a/src/hooks/use-session-storage.tsx b/src/hooks/use-session-storage.tsx
deleted file mode 100644
index b1de618..0000000
--- a/src/hooks/use-session-storage.tsx
+++ /dev/null
@@ -1,39 +0,0 @@
-import { type Dispatch, type SetStateAction, useCallback, useState } from "react"
-
-export function useSessionStorage(key: string, initialValue: T): [T, Dispatch>] {
- // Read from sessionStorage on initialization
- const readValue = useCallback((): T => {
- if (typeof window === "undefined") {
- return initialValue
- }
-
- try {
- const item = window.sessionStorage.getItem(key)
- return item ? (JSON.parse(item) as T) : initialValue
- } catch (error) {
- console.warn(`Error reading sessionStorage key "${key}":`, error)
- return initialValue
- }
- }, [key, initialValue])
-
- const [storedValue, setStoredValue] = useState(readValue)
-
- // Return a memoized setter function
- const setValue: Dispatch> = useCallback(
- (value) => {
- try {
- const valueToStore = value instanceof Function ? value(storedValue) : value
- setStoredValue(valueToStore)
-
- if (typeof window !== "undefined") {
- window.sessionStorage.setItem(key, JSON.stringify(valueToStore))
- }
- } catch (error) {
- console.warn(`Error setting sessionStorage key "${key}":`, error)
- }
- },
- [key, storedValue]
- )
-
- return [storedValue, setValue]
-}
diff --git a/src/index.css b/src/index.css
deleted file mode 100644
index 40bce93..0000000
--- a/src/index.css
+++ /dev/null
@@ -1,181 +0,0 @@
-@import "tailwindcss";
-@import "tw-animate-css";
-@import "shadcn/tailwind.css";
-
-@plugin "tailwindcss-animate";
-@plugin "tailwind-scrollbar" {
- preferredstrategy: "pseudoelements";
- nocompatible: true;
-}
-
-@custom-variant dark (&:is(.dark *));
-@layer base {
- * {
- @apply border-border;
- }
- body {
- @apply bg-background text-foreground;
- }
-}
-
-:root {
- --background: oklch(0.99 0 264.54);
- --foreground: oklch(0.31 0.06 255.87);
- --card: oklch(0.99 0 264.54);
- --card-foreground: oklch(0.31 0.06 255.87);
- --popover: oklch(1 0 0);
- --popover-foreground: oklch(0.36 0.08 255.16);
- --primary: oklch(0.4659 0.1551 257.42);
- --primary-foreground: oklch(1 0 0);
- --secondary: oklch(0.88 0.04 259.29);
- --secondary-foreground: oklch(0.35 0.07 255.46);
- --muted: oklch(0.92 0.02 256.73);
- --muted-foreground: oklch(0.6306 0.0324 255.03);
- --placeholder: oklch(0.7374 0.0489 255.03);
- --accent: oklch(0.91 0.03 258.37);
- --accent-foreground: oklch(0.3 0.09 256.65);
- --destructive: oklch(0.51 0.19 27.08);
- --destructive-foreground: oklch(1 0 0);
- --border: oklch(0.89 0.04 254.88);
- --input: oklch(0.88 0.02 254.92);
- --ring: oklch(0.57 0.18 257.25);
- --chart-1: oklch(0.59 0.18 256.99);
- --chart-2: oklch(0.39 0.23 268.12);
- --chart-3: oklch(0.38 0.04 226.15);
- --chart-4: oklch(0.83 0.12 88.35);
- --chart-5: oklch(0.78 0.13 59);
- --sidebar: oklch(0.93 0.02 255.54);
- --sidebar-foreground: oklch(0.4659 0.1551 257.42);
- --sidebar-primary: oklch(0.4 0.03 285.2);
- --sidebar-primary-foreground: oklch(0.97 0.01 278.64);
- --sidebar-accent: oklch(0.95 0.02 255.53);
- --sidebar-accent-foreground: oklch(0.44 0.14 257.11);
- --sidebar-border: oklch(0.93 0 286.32);
- --sidebar-ring: oklch(0.4659 0.1551 257.42);
- --font-sans: Poppins, sans-serif;
- --font-serif: Libre Baskerville, serif;
- --font-mono: Space Mono, monospace;
- --radius: 0.6rem;
- --shadow-2xs: 0 1.5px 10px 0px hsl(213.91 86.47% 26.08% / 0.07);
- --shadow-xs: 0 1.5px 10px 0px hsl(213.91 86.47% 26.08% / 0.07);
- --shadow-sm: 0 1.5px 10px 0px hsl(213.91 86.47% 26.08% / 0.15), 0 1px 2px -1px hsl(213.91 86.47% 26.08% / 0.15);
- --shadow: 0 1.5px 10px 0px hsl(213.91 86.47% 26.08% / 0.15), 0 1px 2px -1px hsl(213.91 86.47% 26.08% / 0.15);
- --shadow-md: 0 1.5px 10px 0px hsl(213.91 86.47% 26.08% / 0.15), 0 2px 4px -1px hsl(213.91 86.47% 26.08% / 0.15);
- --shadow-lg: 0 1.5px 10px 0px hsl(213.91 86.47% 26.08% / 0.15), 0 4px 6px -1px hsl(213.91 86.47% 26.08% / 0.15);
- --shadow-xl: 0 1.5px 10px 0px hsl(213.91 86.47% 26.08% / 0.15), 0 8px 10px -1px hsl(213.91 86.47% 26.08% / 0.15);
- --shadow-2xl: 0 1.5px 10px 0px hsl(213.91 86.47% 26.08% / 0.38);
-}
-
-.dark {
- --background: oklch(0.19 0.03 256.45);
- --foreground: oklch(0.88 0.03 277.2);
- --card: oklch(0.24 0.03 259.05);
- --card-foreground: oklch(0.9 0.03 255.59);
- --popover: oklch(0.26 0.03 258.31);
- --popover-foreground: oklch(0.96 0.01 278.64);
- --primary: oklch(0.4659 0.1551 257.42);
- --primary-foreground: oklch(0.93 0.03 252.46);
- --secondary: oklch(0.34 0.07 255.44);
- --secondary-foreground: oklch(0.85 0.03 275.09);
- --muted: oklch(0.3045 0.04 254.07);
- --muted-foreground: oklch(0.7077 0.04 280.47);
- --placeholder: oklch(0.5623 0.04 280.47);
- --accent: oklch(0.35 0.04 254.63);
- --accent-foreground: oklch(0.96 0.01 292.8);
- --destructive: oklch(0.61 0.19 27.08);
- --destructive-foreground: oklch(1 0 0);
- --border: oklch(0.35 0.04 254.63);
- --input: oklch(0.3961 0.03 259.05);
- --ring: oklch(0.4659 0.1551 257.42);
- --chart-1: oklch(0.49 0.12 267.94);
- --chart-2: oklch(0.56 0.19 306.86);
- --chart-3: oklch(0.72 0.15 58.79);
- --chart-4: oklch(0.66 0.2 335.4);
- --chart-5: oklch(0.76 0.12 214.15);
- --sidebar: oklch(0.24 0.03 259.05);
- --sidebar-foreground: oklch(0.82 0.02 256.74);
- --sidebar-primary: oklch(0.4659 0.1551 257.42);
- --sidebar-primary-foreground: oklch(0.96 0.01 278.64);
- --sidebar-accent: oklch(0.3 0.03 254.37);
- --sidebar-accent-foreground: oklch(0.96 0.01 292.8);
- --sidebar-border: oklch(0.35 0.04 254.63);
- --sidebar-ring: oklch(0.4659 0.1551 257.42);
- --font-sans: Poppins, sans-serif;
- --font-serif: Libre Baskerville, serif;
- --font-mono: Space Mono, monospace;
- --radius: 0.6rem;
- --shadow-2xs: 0 1.5px 10px 0px hsl(0 0% 0% / 0.07);
- --shadow-xs: 0 1.5px 10px 0px hsl(0 0% 0% / 0.07);
- --shadow-sm: 0 1.5px 10px 0px hsl(0 0% 0% / 0.15), 0 1px 2px -1px hsl(0 0% 0% / 0.15);
- --shadow: 0 1.5px 10px 0px hsl(0 0% 0% / 0.15), 0 1px 2px -1px hsl(0 0% 0% / 0.15);
- --shadow-md: 0 1.5px 10px 0px hsl(0 0% 0% / 0.15), 0 2px 4px -1px hsl(0 0% 0% / 0.15);
- --shadow-lg: 0 1.5px 10px 0px hsl(0 0% 0% / 0.15), 0 4px 6px -1px hsl(0 0% 0% / 0.15);
- --shadow-xl: 0 1.5px 10px 0px hsl(0 0% 0% / 0.15), 0 8px 10px -1px hsl(0 0% 0% / 0.15);
- --shadow-2xl: 0 1.5px 10px 0px hsl(0 0% 0% / 0.38);
-}
-@theme inline {
- --color-background: var(--background);
- --color-foreground: var(--foreground);
- --color-card: var(--card);
- --color-card-foreground: var(--card-foreground);
- --color-popover: var(--popover);
- --color-popover-foreground: var(--popover-foreground);
- --color-primary: var(--primary);
- --color-primary-foreground: var(--primary-foreground);
- --color-secondary: var(--secondary);
- --color-secondary-foreground: var(--secondary-foreground);
- --color-muted: var(--muted);
- --color-muted-foreground: var(--muted-foreground);
- --color-placeholder: var(--placeholder);
- --color-accent: var(--accent);
- --color-accent-foreground: var(--accent-foreground);
- --color-destructive: var(--destructive);
- --color-destructive-foreground: var(--destructive-foreground);
- --color-border: var(--border);
- --color-input: var(--input);
- --color-ring: var(--ring);
- --color-chart-1: var(--chart-1);
- --color-chart-2: var(--chart-2);
- --color-chart-3: var(--chart-3);
- --color-chart-4: var(--chart-4);
- --color-chart-5: var(--chart-5);
- --color-sidebar: var(--sidebar);
- --color-sidebar-foreground: var(--sidebar-foreground);
- --color-sidebar-primary: var(--sidebar-primary);
- --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
- --color-sidebar-accent: var(--sidebar-accent);
- --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
- --color-sidebar-border: var(--sidebar-border);
- --color-sidebar-ring: var(--sidebar-ring);
-
- --font-sans: var(--font-sans);
- --font-mono: var(--font-mono);
- --font-serif: var(--font-serif);
-
- --radius-sm: calc(var(--radius) - 4px);
- --radius-md: calc(var(--radius) - 2px);
- --radius-lg: var(--radius);
- --radius-xl: calc(var(--radius) + 4px);
-
- --shadow-2xs: var(--shadow-2xs);
- --shadow-xs: var(--shadow-xs);
- --shadow-sm: var(--shadow-sm);
- --shadow: var(--shadow);
- --shadow-md: var(--shadow-md);
- --shadow-lg: var(--shadow-lg);
- --shadow-xl: var(--shadow-xl);
- --shadow-2xl: var(--shadow-2xl);
- --font-heading: var(--font-sans);
- --radius-2xl: calc(var(--radius) * 1.8);
- --radius-3xl: calc(var(--radius) * 2.2);
- --radius-4xl: calc(var(--radius) * 2.6);
-}
-
-@theme {
- --breakpoint-xs: 30rem;
-}
-
-@utility container {
- margin-inline: auto;
- @apply pb-8 flex flex-col items-start justify-start gap-6;
-}
diff --git a/src/lib/auth.ts b/src/lib/auth.ts
index f00cd8e..d01a5fc 100644
--- a/src/lib/auth.ts
+++ b/src/lib/auth.ts
@@ -2,21 +2,15 @@ import { passkeyClient } from "@better-auth/passkey/client"
import { AUTH_PATH, type TelegramPlugin } from "@polinetwork/backend"
import type { BetterAuthClientPlugin } from "better-auth"
import { emailOTPClient } from "better-auth/client/plugins"
-import { nextCookies } from "better-auth/next-js"
import { createAuthClient } from "better-auth/react"
-import { getBaseUrl } from "./utils"
-const telegramPlugin = () => {
- return {
- id: "telegram",
- $InferServerPlugin: {} as ReturnType,
- } satisfies BetterAuthClientPlugin
-}
+const telegramPlugin = () =>
+ ({ id: "telegram", $InferServerPlugin: {} as ReturnType }) satisfies BetterAuthClientPlugin
export const auth = createAuthClient({
- baseURL: getBaseUrl(),
+ baseURL: typeof window === "undefined" ? undefined : window.location.origin,
basePath: AUTH_PATH,
- plugins: [telegramPlugin(), emailOTPClient(), nextCookies(), passkeyClient()],
+ plugins: [telegramPlugin(), emailOTPClient(), passkeyClient()],
})
-export const { signIn, signOut, getSession, useSession } = auth
+export const { signIn, signOut, useSession } = auth
diff --git a/src/lib/table.ts b/src/lib/table.ts
new file mode 100644
index 0000000..23cf8ea
--- /dev/null
+++ b/src/lib/table.ts
@@ -0,0 +1,31 @@
+import {
+ columnFilteringFeature,
+ createFilteredRowModel,
+ createPaginatedRowModel,
+ createSortedRowModel,
+ createTableHook,
+ filterFns,
+ globalFilteringFeature,
+ rowPaginationFeature,
+ rowSortingFeature,
+ sortFns,
+ tableFeatures,
+} from "@tanstack/react-table"
+
+export const dashboardFeatures = tableFeatures({
+ columnFilteringFeature,
+ globalFilteringFeature,
+ rowSortingFeature,
+ rowPaginationFeature,
+ filteredRowModel: createFilteredRowModel(),
+ sortedRowModel: createSortedRowModel(),
+ paginatedRowModel: createPaginatedRowModel(),
+ filterFns,
+ sortFns,
+})
+
+// One v9 table factory keeps the feature set and column-helper types consistent
+// across every data table in the dashboard.
+export const { useAppTable, createAppColumnHelper } = createTableHook({
+ features: dashboardFeatures,
+})
diff --git a/src/lib/utils/shadcn.ts b/src/lib/utils.ts
similarity index 100%
rename from src/lib/utils/shadcn.ts
rename to src/lib/utils.ts
diff --git a/src/lib/utils/index.ts b/src/lib/utils/index.ts
deleted file mode 100644
index 35a3c3e..0000000
--- a/src/lib/utils/index.ts
+++ /dev/null
@@ -1,17 +0,0 @@
-export function getBaseUrl() {
- if (typeof window !== "undefined") return window.location.origin
- if (process.env.PUBLIC_URL) return process.env.PUBLIC_URL
- return `http://localhost:${process.env.PORT ?? 3000}`
-}
-
-export function getInitials(name: string): string {
- const [first, second] = name.split(" ")
- if (first?.[0] && second?.[0]) return first[0].toUpperCase() + second[0].toUpperCase()
- if (first?.[0] && !second?.[0] && first?.[1]) return first[0].toUpperCase() + first[1].toLowerCase()
-
- return name.slice(0, 2) // fallback
-}
-
-export async function wait(ms: number): Promise {
- return new Promise((res) => setTimeout(res, ms))
-}
diff --git a/src/lib/utils/telegram.ts b/src/lib/utils/telegram.ts
deleted file mode 100644
index a7741cc..0000000
--- a/src/lib/utils/telegram.ts
+++ /dev/null
@@ -1,18 +0,0 @@
-import type { TgUser } from "../../server/trpc/types"
-
-export function stripChatId(chatId: number): number {
- if (chatId > 0) return chatId
- const positive = -chatId
-
- const str = positive.toString()
- if (str.length < 13) return positive
- return parseInt(str.slice(1), 10)
-}
-
-export function fmtUser(user: TgUser, printId: boolean = true) {
- let string = user.firstName
- if (user.lastName) string += ` ${user.lastName}`
- if (user.username) string += ` @${user.username}`
- if (printId) string += ` [${user.id}]`
- return string
-}
diff --git a/src/middleware.ts b/src/middleware.ts
deleted file mode 100644
index 95fd401..0000000
--- a/src/middleware.ts
+++ /dev/null
@@ -1,14 +0,0 @@
-import { AUTH_PATH } from "@polinetwork/backend"
-import type { NextRequest } from "next/server"
-import { NextResponse } from "next/server"
-import { env } from "./env"
-
-export const config = {
- matcher: [`/api/auth/:path*`],
-}
-
-export function middleware(request: NextRequest) {
- if (request.nextUrl.pathname.startsWith(AUTH_PATH)) {
- return NextResponse.rewrite(new URL(request.nextUrl.pathname + request.nextUrl.search, env.BACKEND_URL))
- }
-}
diff --git a/src/routeTree.gen.ts b/src/routeTree.gen.ts
new file mode 100644
index 0000000..8c7a2ae
--- /dev/null
+++ b/src/routeTree.gen.ts
@@ -0,0 +1,313 @@
+/* eslint-disable */
+
+// @ts-nocheck
+
+// noinspection JSUnusedGlobalSymbols
+
+// This file was automatically generated by TanStack Router.
+// You should NOT make any changes in this file as it will be overwritten.
+// Additionally, you should also exclude this file from your linter and/or formatter to prevent it from being checked or modified.
+
+import { Route as rootRouteImport } from './routes/__root'
+import { Route as LoginRouteImport } from './routes/login'
+import { Route as DashboardRouteImport } from './routes/dashboard'
+import { Route as IndexRouteImport } from './routes/index'
+import { Route as DashboardIndexRouteImport } from './routes/dashboard/index'
+import { Route as OnboardingLinkRouteImport } from './routes/onboarding/link'
+import { Route as DashboardAccountRouteImport } from './routes/dashboard/account'
+import { Route as DashboardTelegramGroupsRouteImport } from './routes/dashboard/telegram/groups'
+import { Route as DashboardTelegramGrantsRouteImport } from './routes/dashboard/telegram/grants'
+import { Route as DashboardAzureMembersRouteImport } from './routes/dashboard/azure/members'
+import { Route as ApiAuthSplatRouteImport } from './routes/api/auth/$'
+import { Route as DashboardTelegramUsersIndexRouteImport } from './routes/dashboard/telegram/users/index'
+import { Route as DashboardTelegramUsersUserIdRouteImport } from './routes/dashboard/telegram/users/$userId'
+
+const LoginRoute = LoginRouteImport.update({
+ id: '/login',
+ path: '/login',
+ getParentRoute: () => rootRouteImport,
+} as any)
+const DashboardRoute = DashboardRouteImport.update({
+ id: '/dashboard',
+ path: '/dashboard',
+ getParentRoute: () => rootRouteImport,
+} as any)
+const IndexRoute = IndexRouteImport.update({
+ id: '/',
+ path: '/',
+ getParentRoute: () => rootRouteImport,
+} as any)
+const DashboardIndexRoute = DashboardIndexRouteImport.update({
+ id: '/',
+ path: '/',
+ getParentRoute: () => DashboardRoute,
+} as any)
+const OnboardingLinkRoute = OnboardingLinkRouteImport.update({
+ id: '/onboarding/link',
+ path: '/onboarding/link',
+ getParentRoute: () => rootRouteImport,
+} as any)
+const DashboardAccountRoute = DashboardAccountRouteImport.update({
+ id: '/account',
+ path: '/account',
+ getParentRoute: () => DashboardRoute,
+} as any)
+const DashboardTelegramGroupsRoute = DashboardTelegramGroupsRouteImport.update({
+ id: '/telegram/groups',
+ path: '/telegram/groups',
+ getParentRoute: () => DashboardRoute,
+} as any)
+const DashboardTelegramGrantsRoute = DashboardTelegramGrantsRouteImport.update({
+ id: '/telegram/grants',
+ path: '/telegram/grants',
+ getParentRoute: () => DashboardRoute,
+} as any)
+const DashboardAzureMembersRoute = DashboardAzureMembersRouteImport.update({
+ id: '/azure/members',
+ path: '/azure/members',
+ getParentRoute: () => DashboardRoute,
+} as any)
+const ApiAuthSplatRoute = ApiAuthSplatRouteImport.update({
+ id: '/api/auth/$',
+ path: '/api/auth/$',
+ getParentRoute: () => rootRouteImport,
+} as any)
+const DashboardTelegramUsersIndexRoute =
+ DashboardTelegramUsersIndexRouteImport.update({
+ id: '/telegram/users/',
+ path: '/telegram/users/',
+ getParentRoute: () => DashboardRoute,
+ } as any)
+const DashboardTelegramUsersUserIdRoute =
+ DashboardTelegramUsersUserIdRouteImport.update({
+ id: '/telegram/users/$userId',
+ path: '/telegram/users/$userId',
+ getParentRoute: () => DashboardRoute,
+ } as any)
+
+export interface FileRoutesByFullPath {
+ '/': typeof IndexRoute
+ '/dashboard': typeof DashboardRouteWithChildren
+ '/login': typeof LoginRoute
+ '/dashboard/account': typeof DashboardAccountRoute
+ '/onboarding/link': typeof OnboardingLinkRoute
+ '/dashboard/': typeof DashboardIndexRoute
+ '/api/auth/$': typeof ApiAuthSplatRoute
+ '/dashboard/azure/members': typeof DashboardAzureMembersRoute
+ '/dashboard/telegram/grants': typeof DashboardTelegramGrantsRoute
+ '/dashboard/telegram/groups': typeof DashboardTelegramGroupsRoute
+ '/dashboard/telegram/users/$userId': typeof DashboardTelegramUsersUserIdRoute
+ '/dashboard/telegram/users/': typeof DashboardTelegramUsersIndexRoute
+}
+export interface FileRoutesByTo {
+ '/': typeof IndexRoute
+ '/login': typeof LoginRoute
+ '/dashboard/account': typeof DashboardAccountRoute
+ '/onboarding/link': typeof OnboardingLinkRoute
+ '/dashboard': typeof DashboardIndexRoute
+ '/api/auth/$': typeof ApiAuthSplatRoute
+ '/dashboard/azure/members': typeof DashboardAzureMembersRoute
+ '/dashboard/telegram/grants': typeof DashboardTelegramGrantsRoute
+ '/dashboard/telegram/groups': typeof DashboardTelegramGroupsRoute
+ '/dashboard/telegram/users/$userId': typeof DashboardTelegramUsersUserIdRoute
+ '/dashboard/telegram/users': typeof DashboardTelegramUsersIndexRoute
+}
+export interface FileRoutesById {
+ __root__: typeof rootRouteImport
+ '/': typeof IndexRoute
+ '/dashboard': typeof DashboardRouteWithChildren
+ '/login': typeof LoginRoute
+ '/dashboard/account': typeof DashboardAccountRoute
+ '/onboarding/link': typeof OnboardingLinkRoute
+ '/dashboard/': typeof DashboardIndexRoute
+ '/api/auth/$': typeof ApiAuthSplatRoute
+ '/dashboard/azure/members': typeof DashboardAzureMembersRoute
+ '/dashboard/telegram/grants': typeof DashboardTelegramGrantsRoute
+ '/dashboard/telegram/groups': typeof DashboardTelegramGroupsRoute
+ '/dashboard/telegram/users/$userId': typeof DashboardTelegramUsersUserIdRoute
+ '/dashboard/telegram/users/': typeof DashboardTelegramUsersIndexRoute
+}
+export interface FileRouteTypes {
+ fileRoutesByFullPath: FileRoutesByFullPath
+ fullPaths:
+ | '/'
+ | '/dashboard'
+ | '/login'
+ | '/dashboard/account'
+ | '/onboarding/link'
+ | '/dashboard/'
+ | '/api/auth/$'
+ | '/dashboard/azure/members'
+ | '/dashboard/telegram/grants'
+ | '/dashboard/telegram/groups'
+ | '/dashboard/telegram/users/$userId'
+ | '/dashboard/telegram/users/'
+ fileRoutesByTo: FileRoutesByTo
+ to:
+ | '/'
+ | '/login'
+ | '/dashboard/account'
+ | '/onboarding/link'
+ | '/dashboard'
+ | '/api/auth/$'
+ | '/dashboard/azure/members'
+ | '/dashboard/telegram/grants'
+ | '/dashboard/telegram/groups'
+ | '/dashboard/telegram/users/$userId'
+ | '/dashboard/telegram/users'
+ id:
+ | '__root__'
+ | '/'
+ | '/dashboard'
+ | '/login'
+ | '/dashboard/account'
+ | '/onboarding/link'
+ | '/dashboard/'
+ | '/api/auth/$'
+ | '/dashboard/azure/members'
+ | '/dashboard/telegram/grants'
+ | '/dashboard/telegram/groups'
+ | '/dashboard/telegram/users/$userId'
+ | '/dashboard/telegram/users/'
+ fileRoutesById: FileRoutesById
+}
+export interface RootRouteChildren {
+ IndexRoute: typeof IndexRoute
+ DashboardRoute: typeof DashboardRouteWithChildren
+ LoginRoute: typeof LoginRoute
+ OnboardingLinkRoute: typeof OnboardingLinkRoute
+ ApiAuthSplatRoute: typeof ApiAuthSplatRoute
+}
+
+declare module '@tanstack/react-router' {
+ interface FileRoutesByPath {
+ '/login': {
+ id: '/login'
+ path: '/login'
+ fullPath: '/login'
+ preLoaderRoute: typeof LoginRouteImport
+ parentRoute: typeof rootRouteImport
+ }
+ '/dashboard': {
+ id: '/dashboard'
+ path: '/dashboard'
+ fullPath: '/dashboard'
+ preLoaderRoute: typeof DashboardRouteImport
+ parentRoute: typeof rootRouteImport
+ }
+ '/': {
+ id: '/'
+ path: '/'
+ fullPath: '/'
+ preLoaderRoute: typeof IndexRouteImport
+ parentRoute: typeof rootRouteImport
+ }
+ '/dashboard/': {
+ id: '/dashboard/'
+ path: '/'
+ fullPath: '/dashboard/'
+ preLoaderRoute: typeof DashboardIndexRouteImport
+ parentRoute: typeof DashboardRoute
+ }
+ '/onboarding/link': {
+ id: '/onboarding/link'
+ path: '/onboarding/link'
+ fullPath: '/onboarding/link'
+ preLoaderRoute: typeof OnboardingLinkRouteImport
+ parentRoute: typeof rootRouteImport
+ }
+ '/dashboard/account': {
+ id: '/dashboard/account'
+ path: '/account'
+ fullPath: '/dashboard/account'
+ preLoaderRoute: typeof DashboardAccountRouteImport
+ parentRoute: typeof DashboardRoute
+ }
+ '/dashboard/telegram/groups': {
+ id: '/dashboard/telegram/groups'
+ path: '/telegram/groups'
+ fullPath: '/dashboard/telegram/groups'
+ preLoaderRoute: typeof DashboardTelegramGroupsRouteImport
+ parentRoute: typeof DashboardRoute
+ }
+ '/dashboard/telegram/grants': {
+ id: '/dashboard/telegram/grants'
+ path: '/telegram/grants'
+ fullPath: '/dashboard/telegram/grants'
+ preLoaderRoute: typeof DashboardTelegramGrantsRouteImport
+ parentRoute: typeof DashboardRoute
+ }
+ '/dashboard/azure/members': {
+ id: '/dashboard/azure/members'
+ path: '/azure/members'
+ fullPath: '/dashboard/azure/members'
+ preLoaderRoute: typeof DashboardAzureMembersRouteImport
+ parentRoute: typeof DashboardRoute
+ }
+ '/api/auth/$': {
+ id: '/api/auth/$'
+ path: '/api/auth/$'
+ fullPath: '/api/auth/$'
+ preLoaderRoute: typeof ApiAuthSplatRouteImport
+ parentRoute: typeof rootRouteImport
+ }
+ '/dashboard/telegram/users/': {
+ id: '/dashboard/telegram/users/'
+ path: '/telegram/users'
+ fullPath: '/dashboard/telegram/users/'
+ preLoaderRoute: typeof DashboardTelegramUsersIndexRouteImport
+ parentRoute: typeof DashboardRoute
+ }
+ '/dashboard/telegram/users/$userId': {
+ id: '/dashboard/telegram/users/$userId'
+ path: '/telegram/users/$userId'
+ fullPath: '/dashboard/telegram/users/$userId'
+ preLoaderRoute: typeof DashboardTelegramUsersUserIdRouteImport
+ parentRoute: typeof DashboardRoute
+ }
+ }
+}
+
+interface DashboardRouteChildren {
+ DashboardAccountRoute: typeof DashboardAccountRoute
+ DashboardIndexRoute: typeof DashboardIndexRoute
+ DashboardAzureMembersRoute: typeof DashboardAzureMembersRoute
+ DashboardTelegramGrantsRoute: typeof DashboardTelegramGrantsRoute
+ DashboardTelegramGroupsRoute: typeof DashboardTelegramGroupsRoute
+ DashboardTelegramUsersUserIdRoute: typeof DashboardTelegramUsersUserIdRoute
+ DashboardTelegramUsersIndexRoute: typeof DashboardTelegramUsersIndexRoute
+}
+
+const DashboardRouteChildren: DashboardRouteChildren = {
+ DashboardAccountRoute: DashboardAccountRoute,
+ DashboardIndexRoute: DashboardIndexRoute,
+ DashboardAzureMembersRoute: DashboardAzureMembersRoute,
+ DashboardTelegramGrantsRoute: DashboardTelegramGrantsRoute,
+ DashboardTelegramGroupsRoute: DashboardTelegramGroupsRoute,
+ DashboardTelegramUsersUserIdRoute: DashboardTelegramUsersUserIdRoute,
+ DashboardTelegramUsersIndexRoute: DashboardTelegramUsersIndexRoute,
+}
+
+const DashboardRouteWithChildren = DashboardRoute._addFileChildren(
+ DashboardRouteChildren,
+)
+
+const rootRouteChildren: RootRouteChildren = {
+ IndexRoute: IndexRoute,
+ DashboardRoute: DashboardRouteWithChildren,
+ LoginRoute: LoginRoute,
+ OnboardingLinkRoute: OnboardingLinkRoute,
+ ApiAuthSplatRoute: ApiAuthSplatRoute,
+}
+export const routeTree = rootRouteImport
+ ._addFileChildren(rootRouteChildren)
+ ._addFileTypes()
+
+import type { getRouter } from './router.tsx'
+import type { createStart } from '@tanstack/react-start'
+declare module '@tanstack/react-start' {
+ interface Register {
+ ssr: true
+ router: Awaited>
+ }
+}
diff --git a/src/router.tsx b/src/router.tsx
new file mode 100644
index 0000000..40bb359
--- /dev/null
+++ b/src/router.tsx
@@ -0,0 +1,18 @@
+import { createRouter } from "@tanstack/react-router"
+import { routeTree } from "./routeTree.gen"
+
+export function getRouter() {
+ return createRouter({
+ routeTree,
+ defaultPreload: "intent",
+ defaultPreloadStaleTime: 0,
+ defaultPendingMs: 100,
+ scrollRestoration: true,
+ })
+}
+
+declare module "@tanstack/react-router" {
+ interface Register {
+ router: ReturnType
+ }
+}
diff --git a/src/routes/__root.tsx b/src/routes/__root.tsx
new file mode 100644
index 0000000..4732c43
--- /dev/null
+++ b/src/routes/__root.tsx
@@ -0,0 +1,36 @@
+import { createRootRoute, HeadContent, Scripts } from "@tanstack/react-router"
+import { Toaster } from "../components/ui/sonner"
+import appCss from "../styles.css?url"
+
+export const Route = createRootRoute({
+ head: () => ({
+ meta: [
+ { charSet: "utf-8" },
+ { name: "viewport", content: "width=device-width, initial-scale=1" },
+ { title: "PoliNetwork Admin" },
+ { name: "description", content: "PoliNetwork's internal operations console." },
+ ],
+ links: [{ rel: "stylesheet", href: appCss }],
+ }),
+ shellComponent: RootDocument,
+})
+
+function RootDocument({ children }: { children: React.ReactNode }) {
+ return (
+
+
+
+ (null)
+ const [name, setName] = useState(user?.name ?? "")
+ const [passkeys, setPasskeys] = useState([])
+ const [sessions, setSessions] = useState([])
+ const [securityLoading, setSecurityLoading] = useState(true)
+ const [busy, setBusy] = useState(null)
+ const [notice, setNotice] = useState<{ type: "success" | "error"; text: string } | null>(null)
+
+ const refreshSecurityData = useCallback(async () => {
+ try {
+ const [passkeyResult, sessionResult] = await Promise.all([auth.passkey.listUserPasskeys(), auth.listSessions()])
+ setPasskeys((passkeyResult.data ?? []) as Passkey[])
+ setSessions((sessionResult.data ?? []) as ActiveSession[])
+ } finally {
+ setSecurityLoading(false)
+ }
+ }, [])
+
+ useEffect(() => {
+ void refreshSecurityData()
+ }, [refreshSecurityData])
+ useEffect(() => setName(user?.name ?? ""), [user?.name])
+
+ async function updateName(event: React.FormEvent) {
+ event.preventDefault()
+ setBusy("name")
+ setNotice(null)
+ const result = await auth.updateUser({ name: name.trim() })
+ if (result.error) setNotice({ type: "error", text: result.error.message ?? "Could not update your name." })
+ else {
+ await sessionQuery.refetch()
+ setNotice({ type: "success", text: "Profile name updated." })
+ }
+ setBusy(null)
+ }
+
+ async function uploadImage(file?: File) {
+ if (!file) return
+ setNotice(null)
+ if (file.size > 1024 * 1024 || !["image/png", "image/jpeg"].includes(file.type)) {
+ setNotice({ type: "error", text: "Use a PNG or JPEG image smaller than 1 MB." })
+ return
+ }
+ setBusy("image")
+ const formData = new FormData()
+ formData.set("image", file)
+ try {
+ await uploadProfilePicture({ data: formData })
+ await sessionQuery.refetch()
+ setNotice({ type: "success", text: "Profile picture updated." })
+ } catch {
+ setNotice({ type: "error", text: "Could not update your profile picture." })
+ }
+ setBusy(null)
+ }
+
+ async function removeImage() {
+ setBusy("image")
+ setNotice(null)
+ const result = await auth.updateUser({ image: null })
+ if (result.error) setNotice({ type: "error", text: result.error.message ?? "Could not remove the picture." })
+ else {
+ await sessionQuery.refetch()
+ setNotice({ type: "success", text: "Profile picture removed." })
+ }
+ setBusy(null)
+ }
+
+ async function addPasskey() {
+ setBusy("passkey")
+ setNotice(null)
+ const result = await auth.passkey.addPasskey({ name: `Passkey ${passkeys.length + 1}` })
+ if (result.error) setNotice({ type: "error", text: result.error.message ?? "Could not create the passkey." })
+ else {
+ await refreshSecurityData()
+ setNotice({ type: "success", text: "Passkey created." })
+ }
+ setBusy(null)
+ }
+
+ async function deletePasskey(id: string) {
+ setBusy(id)
+ setNotice(null)
+ const result = await auth.passkey.deletePasskey({ id })
+ if (result.error) setNotice({ type: "error", text: result.error.message ?? "Could not delete the passkey." })
+ else {
+ await refreshSecurityData()
+ setNotice({ type: "success", text: "Passkey deleted." })
+ }
+ setBusy(null)
+ }
+
+ async function revokeOtherSessions() {
+ setBusy("sessions")
+ setNotice(null)
+ const result = await auth.revokeOtherSessions()
+ if (result.error) setNotice({ type: "error", text: result.error.message ?? "Could not revoke other sessions." })
+ else {
+ await refreshSecurityData()
+ setNotice({ type: "success", text: "Other sessions signed out." })
+ }
+ setBusy(null)
+ }
+
+ async function logout() {
+ setBusy("logout")
+ await auth.signOut()
+ await router.invalidate()
+ await router.navigate({ to: "/login", replace: true })
+ }
+
+ return (
+
+
+
+ OPERATOR PROFILE
+
+ Manage your profile and authentication methods.
+
+ {notice && (
+
+ {notice.text}
+
+ )}
+
+
+
+
+
+ {user?.image &&
+ {avatarText(user?.name, user?.email)}
+
+
+
fileInput.current?.click()}
+ disabled={busy === "image"}
+ aria-label="Upload profile picture"
+ >
+
+
void uploadImage(event.target.files?.[0])}
+ />
+
+
{user?.name || "Complete your profile"}
+
{user?.email}
+
+ {user?.telegramUsername
+ ? `@${user.telegramUsername}`
+ : user?.telegramId
+ ? `Telegram ID ${user.telegramId}`
+ : "Telegram not linked"}
+
+
void removeImage()}
+ disabled={busy === "image"}
+ >
+ Remove picture
+
+ )}
+
+
+
+
+
+
+
+ Profile details
+ Displayed throughout the admin console.
+
+
+
+
+
+
+
+
+
+
+ Telegram identity
+ Used to determine roles and permissions.
+
+
+
+
+
+
Username
+ {user?.telegramUsername ? `@${user.telegramUsername}` : "Not available"}
+
+
+
Telegram ID
+ {user?.telegramId ?? "Not linked"}
+
+
+
+
+
+
+
+
+
+ Passkeys
+
+ Phishing-resistant access from your trusted devices.
+
+
+
+ void addPasskey()}
+ disabled={busy === "passkey"}
+ >
+
+
+
+ {securityLoading ? (
+
+ {passkeys.map((passkey) => (
+
+ void deletePasskey(passkey.id)}
+ disabled={busy === passkey.id}
+ aria-label="Delete passkey"
+ >
+
+ }
+ />
+ ))}
+ {!passkeys.length && (
+ No passkeys registered yet.
+ )}
+
+ )}
+
+
+
+
+
+
+
+ Active sessions
+
+ Devices currently signed in to your account.
+
+
+
+ {sessions.length > 1 && (
+ void revokeOtherSessions()}
+ disabled={busy === "sessions"}
+ >
+ Sign out other sessions
+
+ )}
+
+
+ {securityLoading ? (
+
+ {sessions.map((activeSession) => (
+
+ {activeSession.ipAddress || "Unknown IP"}
+ {activeSession.createdAt
+ ? ` · Since ${new Date(activeSession.createdAt).toLocaleDateString()}`
+ : ""}
+
+ }
+ action={
+ activeSession.id === session.session?.id ? (
+ Current
+ ) : undefined
+ }
+ />
+ ))}
+
+ )}
+ void logout()}
+ disabled={busy === "logout"}
+ >
+
+
+
+
+
{children}
+}
+
+function SecurityLoading({ rows }: { rows: number }) {
+ return (
+
+ {Array.from({ length: rows }, (_, index) => (
+
+ ))}
+
+
+
+
+
{title}
+
{description}
+
+ )
+}
diff --git a/src/routes/dashboard/azure/members.tsx b/src/routes/dashboard/azure/members.tsx
new file mode 100644
index 0000000..b8cc3dd
--- /dev/null
+++ b/src/routes/dashboard/azure/members.tsx
@@ -0,0 +1,417 @@
+import { createFileRoute, useRouter } from "@tanstack/react-router"
+import type { Column } from "@tanstack/react-table"
+import { ArrowDown, ArrowUp, Building2, Check, ChevronsUpDown, LoaderCircle, UsersRound } from "lucide-react"
+import { useEffect, useMemo, useState } from "react"
+import { DataToolbar } from "@/components/data-toolbar"
+import { EmptyState } from "@/components/empty-state"
+import { LiveStatus } from "@/components/live-status"
+import { DataPageSkeleton } from "@/components/loading-skeleton"
+import { Pagination } from "@/components/pagination"
+import { Badge } from "@/components/ui/badge"
+import { Button } from "@/components/ui/button"
+import {
+ Dialog,
+ DialogContent,
+ DialogDescription,
+ DialogFooter,
+ DialogHeader,
+ DialogTitle,
+} from "@/components/ui/dialog"
+import { Field, FieldGroup, FieldLabel } from "@/components/ui/field"
+import { Input } from "@/components/ui/input"
+import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@/components/ui/table"
+import { createAppColumnHelper, type dashboardFeatures, useAppTable } from "@/lib/table"
+import { cn } from "@/lib/utils"
+import { createAzureMember, getAzureMembers, setAzureMemberNumber } from "@/server/api.functions"
+
+type AzureMember = {
+ id: string
+ employeeId?: string | null
+ displayName?: string | null
+ mail?: string | null
+ isMember?: boolean
+ assignedLicensesIds?: string[]
+}
+const memberColumnHelper = createAppColumnHelper()
+type MemberFilter = { query: string; membersOnly: boolean }
+
+export const Route = createFileRoute("/dashboard/azure/members")({
+ loader: () => getAzureMembers(),
+ pendingComponent: () => , "getIsSorted" | "getToggleSortingHandler">
+ ) => {
+ const sorted = column.getIsSorted()
+ const Icon = !sorted ? ChevronsUpDown : sorted === "asc" ? ArrowUp : ArrowDown
+ return (
+
+ {label}
+
+ )
+ }
+ return memberColumnHelper.columns([
+ memberColumnHelper.accessor((member) => member.employeeId ?? undefined, {
+ id: "employeeId",
+ header: ({ column }) => header("Member ID", column),
+ sortUndefined: "last",
+ sortFn: (rowA, rowB, columnId) => {
+ const a = Number(rowA.getValue(columnId))
+ const b = Number(rowB.getValue(columnId))
+ return a - b
+ },
+ cell: ({ getValue }) => getValue() ?? "—",
+ }),
+ memberColumnHelper.accessor("displayName", {
+ header: ({ column }) => header("Member", column),
+ cell: ({ row }) => {
+ const member = row.original
+ return (
+
+
+ {member.displayName?.[0] ?? "?"}
+
+
+ {member.displayName ?? "Unnamed member"}
+ {member.isMember && (
+ Association member
+ )}
+
+
+ )
+ },
+ }),
+ memberColumnHelper.accessor("mail", {
+ header: ({ column }) => header("Email", column),
+ cell: ({ getValue }) =>
+ getValue() ?? Not assigned ,
+ }),
+ memberColumnHelper.accessor((member) => member.assignedLicensesIds?.length ?? 0, {
+ id: "licenses",
+ header: ({ column }) => header("Licenses", column),
+ cell: ({ row }) => (
+
+ {row.original.assignedLicensesIds?.length ? (
+ row.original.assignedLicensesIds.map((license) => (
+
+ {license.replaceAll("_", " ")}
+
+ ))
+ ) : (
+ No licenses
+ )}
+
+ ),
+ }),
+ memberColumnHelper.display({
+ id: "actions",
+ header: "",
+ cell: ({ row }) => (
+ setDialog({ mode: "edit", member: row.original })}
+ >
+ Manage
+
+ ),
+ }),
+ ])
+ }, [])
+ const table = useAppTable({
+ key: "azure-members",
+ columns,
+ data: members,
+ initialState: {
+ sorting: [{ id: "employeeId", desc: false }],
+ pagination: { pageIndex: 0, pageSize: 25 },
+ globalFilter: { query: "", membersOnly: false },
+ },
+ autoResetPageIndex: false,
+ globalFilterFn: (row, _columnId, value) => {
+ const filter = (value ?? {}) as Partial
+ const member = row.original
+ return (
+ (!filter.membersOnly || !!member.isMember) &&
+ `${member.displayName ?? ""} ${member.mail ?? ""} ${member.employeeId ?? ""}`
+ .toLocaleLowerCase()
+ .includes((filter.query ?? "").toLocaleLowerCase())
+ )
+ },
+ })
+ const memberFilter = table.state.globalFilter as MemberFilter
+ const membersOnly = memberFilter.membersOnly
+
+ return (
+
+
table.setGlobalFilter({ ...memberFilter, query: value })}
+ action="Add member"
+ onAction={() => setDialog({ mode: "create" })}
+ >
+ table.setGlobalFilter({ ...memberFilter, membersOnly: !membersOnly })}
+ >
+
+
+
+
+
+
+ {members.filter((member) => member.isMember).length} association members
+
+
+
+
+
+ {members.filter((member) => member.assignedLicensesIds?.includes("OFFICE_365")).length}
+ {" "}
+ Office 365 licenses
+
+
+
+ {table.getFilteredRowModel().rows.length ? (
+
+
+
+ {table.getHeaderGroups().map((headerGroup) => (
+
+ {headerGroup.headers.map((header) => (
+
+ {header.isPlaceholder ? null :
+ ))}
+
+ ))}
+
+
+ {table.getRowModel().rows.map((row) => (
+
+ {row.getAllCells().map((cell) => (
+
+
+ ))}
+
+ ))}
+
+
+
+ ) : (
+
+ )}
+ {table.getFilteredRowModel().rows.length > 0 && (
+
table.setPageIndex(page - 1)}
+ onPageSizeChange={(pageSize) => table.setPageSize(pageSize)}
+ />
+ )}
+ {dialog && (
+ setDialog(null)}
+ onOptimisticUpdate={(member) => {
+ const previous = members.find((current) => current.id === member.id)
+ setMembers((current) => current.map((item) => (item.id === member.id ? member : item)))
+ return () => {
+ if (previous) setMembers((current) => current.map((item) => (item.id === member.id ? previous : item)))
+ }
+ }}
+ onSaved={async (mode) => {
+ setDialog(null)
+ if (mode === "create") {
+ await new Promise((resolve) => setTimeout(resolve, 1500))
+ await router.invalidate({ sync: true })
+ }
+ }}
+ />
+ )}
+
+}) {
+ const editing = dialog.mode === "edit"
+ const [firstName, setFirstName] = useState("")
+ const [lastName, setLastName] = useState("")
+ const [email, setEmail] = useState("")
+ const [memberId, setMemberId] = useState(editing ? (dialog.member.employeeId ?? "") : "")
+ const [pending, setPending] = useState(false)
+ const [error, setError] = useState("")
+
+ async function submit(event: React.FormEvent) {
+ event.preventDefault()
+ setPending(true)
+ setError("")
+ const assocNumber = Number.parseInt(memberId, 10)
+ let rollback: (() => void) | undefined
+ try {
+ if (editing) {
+ rollback = onOptimisticUpdate({ ...dialog.member, employeeId: String(assocNumber), isMember: true })
+ await setAzureMemberNumber({ data: { userId: dialog.member.id, assocNumber } })
+ await onSaved("edit")
+ } else {
+ await createAzureMember({ data: { firstName, lastName, assocNumber, sendEmailTo: email } })
+ await onSaved("create")
+ }
+ } catch {
+ rollback?.()
+ setError("The member could not be saved. Check the values and your permissions.")
+ setPending(false)
+ }
+ }
+
+ return (
+ {
+ if (!open) onClose()
+ }}
+ >
+
+
+
+ AZURE DIRECTORY
+
+
+ {editing ? "Set member ID" : "Create a member"}
+
+
+ {editing
+ ? "Update the association number linked to this directory account."
+ : "Create a member association and send a welcome email."}
+
+
+
+
+
+ )
+}
diff --git a/src/routes/dashboard/index.tsx b/src/routes/dashboard/index.tsx
new file mode 100644
index 0000000..82c5000
--- /dev/null
+++ b/src/routes/dashboard/index.tsx
@@ -0,0 +1,118 @@
+import { createFileRoute, Link } from "@tanstack/react-router"
+import { ArrowUpRight, CheckCircle2, Database, ShieldCheck, UsersRound } from "lucide-react"
+import { cn } from "@/lib/utils"
+
+const actionCards = [
+ {
+ title: "Review member directory",
+ text: "Update association numbers and licenses.",
+ to: "/dashboard/azure/members",
+ icon: UsersRound,
+ },
+ {
+ title: "Manage access grants",
+ text: "Check active and scheduled Telegram grants.",
+ to: "/dashboard/telegram/grants",
+ icon: ShieldCheck,
+ },
+ {
+ title: "Browse Telegram groups",
+ text: "Inspect group metadata and visibility settings.",
+ to: "/dashboard/telegram/groups",
+ icon: Database,
+ },
+] as const
+
+export const Route = createFileRoute("/dashboard/")({ component: Overview })
+
+function Overview() {
+ return (
+
+
+
+
+ OPERATIONS CONTROL ROOM
+
+
+ Everything in order.
+ Nothing overlooked.
+
+
+ A focused workspace for the people who keep PoliNetwork’s communities, access and membership data moving.
+
+
+ Workspace ready for review
+ Last sync — just now
+
+
+ {Array.from({ length: 6 }, (_, index) => (
+
+
+
+
+
+
+ START HERE
+
+
Choose an operational area
+
+ Every workspace is scoped to your administrator role.
+
+
+
+ {actionCards.map(({ title, text, to, icon: Icon }, index) => (
+
+
+
+ {title}
+ {text}
+
+
+
+ {value}
+
+
+ )
+}
diff --git a/src/routes/dashboard/telegram/grants.tsx b/src/routes/dashboard/telegram/grants.tsx
new file mode 100644
index 0000000..cf3254f
--- /dev/null
+++ b/src/routes/dashboard/telegram/grants.tsx
@@ -0,0 +1,174 @@
+import { createFileRoute } from "@tanstack/react-router"
+import { CalendarClock } from "lucide-react"
+import { useState } from "react"
+import { DataToolbar } from "@/components/data-toolbar"
+import { EmptyState } from "@/components/empty-state"
+import { LiveStatus } from "@/components/live-status"
+import { DataPageSkeleton } from "@/components/loading-skeleton"
+import { Pagination } from "@/components/pagination"
+import { Badge } from "@/components/ui/badge"
+import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@/components/ui/table"
+import { ToggleGroup, ToggleGroupItem } from "@/components/ui/toggle-group"
+import { createAppColumnHelper, useAppTable } from "@/lib/table"
+import { getOngoingGrants, getScheduledGrants } from "@/server/api.functions"
+
+type Grant = {
+ userId: number
+ grantorId?: number
+ role?: string
+ createdAt?: string
+ expiresAt?: string | null
+ scheduledAt?: string | null
+}
+const grantColumnHelper = createAppColumnHelper()
+export const Route = createFileRoute("/dashboard/telegram/grants")({
+ loader: async () => ({ ongoing: await getOngoingGrants(), scheduled: await getScheduledGrants() }),
+ pendingComponent: () =>
+ {getValue() ?? "Access grant"}
+
+ ),
+ }),
+ grantColumnHelper.accessor("grantorId", { header: "Granted by", cell: ({ getValue }) => getValue() ?? "—" }),
+ grantColumnHelper.display({
+ id: "schedule",
+ header: "Schedule",
+ cell: ({ row }) => row.original.scheduledAt ?? row.original.createdAt ?? "—",
+ }),
+ grantColumnHelper.display({
+ id: "status",
+ header: "Status",
+ cell: ({ row }) => (
+
+ {row.original.scheduledAt ? "Scheduled" : "Active"}
+
+ ),
+ }),
+ ])
+ const table = useAppTable({
+ key: "telegram-grants",
+ columns,
+ data: grants,
+ initialState: { sorting: [{ id: "userId", desc: false }], pagination: { pageIndex: 0, pageSize: 20 } },
+ globalFilterFn: (row, _columnId, value) => {
+ const grant = row.original
+ const query = String(value ?? "")
+ .trim()
+ .toLocaleLowerCase()
+ return (
+ !query ||
+ `${grant.userId} ${grant.grantorId ?? ""} ${grant.role ?? ""} ${grant.scheduledAt ?? ""} ${grant.createdAt ?? ""}`
+ .toLocaleLowerCase()
+ .includes(query)
+ )
+ },
+ })
+ return (
+
+
table.setGlobalFilter(value)}
+ action="New grant"
+ />
+ {
+ const next = value[0]
+ if (next === "all" || next === "ongoing" || next === "scheduled") setTab(next)
+ }}
+ className="my-1"
+ aria-label="Grant status"
+ >
+
+ All {ongoingGrants.length + scheduledGrants.length}
+
+
+ Ongoing {ongoingGrants.length}
+
+
+ Scheduled {scheduledGrants.length}
+
+
+ {table.getFilteredRowModel().rows.length ? (
+
+
+
+ {table.getHeaderGroups().map((headerGroup) => (
+
+ {headerGroup.headers.map((header) => (
+
+ {header.isPlaceholder ? null :
+ ))}
+
+ ))}
+
+
+ {table.getRowModel().rows.map((row) => (
+
+ {row.getAllCells().map((cell) => (
+
+
+ ))}
+
+ ))}
+
+
+
table.setPageIndex(page - 1)}
+ onPageSizeChange={(pageSize) => table.setPageSize(pageSize)}
+ />
+ )}
+ ()
+
+export const Route = createFileRoute("/dashboard/telegram/groups")({
+ loader: () => getTelegramGroups(),
+ pendingComponent: () => (null)
+ const [mutationError, setMutationError] = useState("")
+
+ useEffect(() => setGroups(loadedGroups), [loadedGroups])
+
+ async function toggleVisibility(group: TelegramGroup) {
+ if (updatingId !== null) return
+ const hide = !group.hide
+ setUpdatingId(group.telegramId)
+ setMutationError("")
+ setGroups((current) => current.map((item) => (item.telegramId === group.telegramId ? { ...item, hide } : item)))
+
+ try {
+ await setGroupVisibility({ data: { telegramId: group.telegramId, hide } })
+ await router.invalidate({ sync: true })
+ } catch {
+ setGroups((current) => current.map((item) => (item.telegramId === group.telegramId ? group : item)))
+ setMutationError("The visibility setting could not be updated. Check your permissions and try again.")
+ } finally {
+ setUpdatingId(null)
+ }
+ }
+
+ const columns = useMemo(
+ () =>
+ groupColumnHelper.columns([
+ groupColumnHelper.accessor("title", {
+ header: "Group",
+ cell: ({ row }) => (
+
+
+
+ {row.original.title}
+
+ ),
+ }),
+ groupColumnHelper.accessor("telegramId", { header: "Telegram ID", cell: ({ getValue }) => getValue() }),
+ groupColumnHelper.accessor("tag", {
+ header: "Tag",
+ cell: ({ getValue }) =>
+ getValue() ? (
+
+ @{getValue()}
+
+ ) : (
+ —
+ ),
+ }),
+ groupColumnHelper.display({
+ id: "visibility",
+ header: "Visibility",
+ cell: ({ row }) => {
+ const group = row.original
+ const pending = updatingId === group.telegramId
+ return (
+ void toggleVisibility(group)}
+ title="Toggle group visibility"
+ >
+ {group.hide ? (
+ <>
+
+ )
+ },
+ }),
+ groupColumnHelper.display({
+ id: "invite",
+ header: "Invite",
+ cell: ({ row }) => {
+ const link = row.original.link ?? row.original.inviteLink
+ return link ? (
+
+ Open link
+
+ ) : (
+ Not shared
+ )
+ },
+ }),
+ ]),
+ [updatingId]
+ )
+ const table = useAppTable({
+ key: "telegram-groups",
+ columns,
+ data: groups,
+ initialState: { sorting: [{ id: "title", desc: false }], pagination: { pageIndex: 0, pageSize: 20 } },
+ globalFilterFn: (row, _columnId, value) => {
+ const group = row.original
+ const query = String(value ?? "")
+ .trim()
+ .toLocaleLowerCase()
+ .replace(/^@/, "")
+ return !query || `${group.title}\u0000${group.tag ?? ""}`.toLocaleLowerCase().includes(query)
+ },
+ })
+
+ return (
+
+
table.setGlobalFilter(value)}
+ />
+
+ {mutationError}
+
+ )}
+ {table.getFilteredRowModel().rows.length ? (
+ <>
+
+
+
+ {table.getHeaderGroups().map((headerGroup) => (
+
+ {headerGroup.headers.map((header) => (
+
+ {header.isPlaceholder ? null :
+ ))}
+
+ ))}
+
+
+ {table.getRowModel().rows.map((row) => (
+
+ {row.getAllCells().map((cell) => (
+
+
+ ))}
+
+ ))}
+
+
+
table.setPageIndex(page - 1)}
+ onPageSizeChange={(pageSize) => table.setPageSize(pageSize)}
+ />
+
+ ) : (
+
+
+
+
+
+ User not found
+ No Telegram user exists with ID {userId}.
+
+
+
+
+
+
+ {(user.firstName?.[0] ?? user.username?.[0] ?? String(user.id).slice(-2)).toUpperCase()}
+
+
+
+ TELEGRAM PROFILE · {user.id}
+
+
{displayName}
+
{user.username ? `@${user.username}` : "No Telegram username"}
+
+ {roles.length} role{roles.length === 1 ? "" : "s"}
+
+
+
+
+
+
+
+ {user.id}
+
+ {displayName}
+ {user.username ? `@${user.username}` : "—"}
+
+
+
+
+ {roles.length ? (
+ roles.map((role) => (
+
+ {role}
+
+ ))
+ ) : (
+ No assigned roles
+ )}
+
+
+
+ {grant ? (
+
+ {formatDate(grant.validSince)}
+ {formatDate(grant.validUntil)}
+
+ ) : (
+ No ongoing grant
+ )}
+
+
+
+
setAdminDialogOpen(true)}
+ >
+
+ {groupAdmin
+ .filter((entry) => entry !== null)
+ .map((entry) => (
+
+
+ {entry.group.title}
+ {entry.group.id}
+
+ Added by {entry.addedBy.firstName}
+ {entry.addedBy.username ? ` · @${entry.addedBy.username}` : ""}
+
+
+
+ ))}
+ {!groupAdmin.length &&
}
+
+
entry !== null).map((entry) => entry.group.id))}
+ onClose={() => setAdminDialogOpen(false)}
+ onSaved={async () => {
+ setAdminDialogOpen(false)
+ await router.invalidate({ sync: true })
+ }}
+ />
+
+
+ {messages.map((message) => (
+
+
+
+
{message.group?.title ?? `Chat ${message.chatId}`}
+ {formatDate(message.timestamp)}
+
+ {message.message}
+
+ Open message
+
+
+ ))}
+ {!messages.length &&
}
+
+
+
+ {audits.map((audit) => (
+
+
+
+
{audit.type}
+ {formatDate(audit.createdAt)}
+
+ {audit.reason ?? "No reason provided"}
+ {audit.groupTitle && (
+
+ {audit.groupTitle} · {audit.groupId}
+
+ )}
+
+
+ ))}
+ {!audits.length &&
}
+
+
+
+
+ {label}
+
+
+ {children}
+
+ )
+}
+
+function Definition({ label, children }: { label: string; children: React.ReactNode }) {
+ return (
+
+
{label}
+ {children}
+
+ )
+}
+function SectionEmpty({ text }: { text: string }) {
+ return (
+ {text}
+ )
+}
+
+function DetailSection({
+ icon: Icon,
+ title,
+ count,
+ action,
+ children,
+}: {
+ icon: typeof UserRound
+ title: string
+ count: number
+ action?: React.ReactNode
+ children: React.ReactNode
+}) {
+ return (
+
+
+
+ {title}
+
+
+ {action}
+ {count}
+
+
+ {children}
+
+ )
+}
+
+function AddGroupAdminDialog({
+ open,
+ userId,
+ groups,
+ administeredGroupIds,
+ onClose,
+ onSaved,
+}: {
+ open: boolean
+ userId: number
+ groups: Array<{ telegramId: number; title: string }>
+ administeredGroupIds: Set
+ onClose: () => void
+ onSaved: () => Promise
+}) {
+ const [groupId, setGroupId] = useState("")
+ const [pending, setPending] = useState(false)
+ const [error, setError] = useState("")
+ const availableGroups = groups.filter((group) => !administeredGroupIds.has(group.telegramId))
+
+ useEffect(() => {
+ if (open) {
+ setGroupId("")
+ setError("")
+ }
+ }, [open])
+
+ async function submit(event: React.FormEvent) {
+ event.preventDefault()
+ if (!groupId) return
+ setPending(true)
+ setError("")
+ try {
+ await addTelegramGroupAdmin({ data: { userId, groupId: Number(groupId) } })
+ await onSaved()
+ } catch {
+ setError("The user could not be added as a group administrator.")
+ setPending(false)
+ }
+ }
+
+ return (
+ !nextOpen && onClose()}>
+
+
+
+ GROUP ADMINISTRATION
+
+
+ Add group administrator
+
+
+ Choose a group this user should administer.
+
+
+
+
+
+ )
+}
diff --git a/src/routes/dashboard/telegram/users/index.tsx b/src/routes/dashboard/telegram/users/index.tsx
new file mode 100644
index 0000000..2eda542
--- /dev/null
+++ b/src/routes/dashboard/telegram/users/index.tsx
@@ -0,0 +1,160 @@
+import { createFileRoute, Link } from "@tanstack/react-router"
+import { Eye, MessageCircle } from "lucide-react"
+import { useMemo } from "react"
+import { DataToolbar } from "@/components/data-toolbar"
+import { EmptyState } from "@/components/empty-state"
+import { LiveStatus } from "@/components/live-status"
+import { DataPageSkeleton } from "@/components/loading-skeleton"
+import { Pagination } from "@/components/pagination"
+import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@/components/ui/table"
+import { createAppColumnHelper, useAppTable } from "@/lib/table"
+import { getTelegramUsers } from "@/server/api.functions"
+
+type TelegramUser = {
+ id: number
+ username?: string | null
+ firstName?: string | null
+ lastName?: string | null
+ profilePicUrl?: string | null
+}
+
+const userColumnHelper = createAppColumnHelper()
+
+export const Route = createFileRoute("/dashboard/telegram/users/")({
+ loader: () => getTelegramUsers(),
+ pendingComponent: () =>
+
+ {(user.firstName?.[0] ?? user.username?.[0] ?? "?").toUpperCase()}
+
+ {[user.firstName, user.lastName].filter(Boolean).join(" ") || "Unnamed account"}
+
+ )
+ },
+ }),
+ userColumnHelper.accessor("username", {
+ header: "Username",
+ cell: ({ getValue }) => {
+ const username = getValue()
+ return username ? (
+ @{username}
+ ) : (
+ Not set
+ )
+ },
+ }),
+ userColumnHelper.display({
+ id: "actions",
+ header: "",
+ cell: ({ row }) => (
+
+
table.setGlobalFilter(value)}
+ />
+
+
+
+ {table.getHeaderGroups().map((headerGroup) => (
+
+ {headerGroup.headers.map((header) => (
+
+ {header.isPlaceholder ? null :
+ ))}
+
+ ))}
+
+
+ {table.getRowModel().rows.map((row) => (
+
+ {row.getAllCells().map((cell) => (
+
+
+ ))}
+
+ ))}
+
+
+
table.setPageIndex(page - 1)}
+ onPageSizeChange={(pageSize) => table.setPageSize(pageSize)}
+ />
+
+ ) : (
+
+
+
+
+
+ POLINETWORK ADMIN
+
+
+ The work behind
+ the network.
+
+
+ One protected workspace for association members, Telegram communities and the systems that connect them.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ SECURE ACCESS
+
+
+ {sent ? "Check your inbox" : "Welcome back"}
+
+
+ {sent ? `We sent a six-digit code to ${email}.` : "Use your PoliNetwork email or a saved passkey."}
+
+
+
+ void passkey()}
+ disabled={busy}
+ >
+
+ {notice && {notice}
}
+
+ Need access? Contact an existing PoliNetwork administrator.
+
+
+
+ © PoliNetwork APS
+
+
+ )
+}
diff --git a/src/routes/onboarding/link.tsx b/src/routes/onboarding/link.tsx
new file mode 100644
index 0000000..955a72d
--- /dev/null
+++ b/src/routes/onboarding/link.tsx
@@ -0,0 +1,34 @@
+import { createFileRoute, Link } from "@tanstack/react-router"
+import { ArrowRight, MessageCircle } from "lucide-react"
+import { Button } from "@/components/ui/button"
+
+export const Route = createFileRoute("/onboarding/link")({ component: LinkTelegram })
+
+function LinkTelegram() {
+ return (
+
+
+
+
+
+ ONE LAST STEP
+
+
Link your Telegram account
+
+ We use your Telegram identity to verify the administrative roles that grant access to this workspace.
+
+
+ Connect Telegram
+
}
+ >
+ Back to sign in
+
+
+ )
+}
diff --git a/src/server/actions/azure.ts b/src/server/actions/azure.ts
deleted file mode 100644
index 5c7594f..0000000
--- a/src/server/actions/azure.ts
+++ /dev/null
@@ -1,23 +0,0 @@
-"use server"
-
-import { requireRole } from "../auth"
-import { trpc } from "../trpc"
-import type { ApiInput } from "../trpc/types"
-
-export async function getAzureMembers() {
- return await trpc.azure.members.getAll.query()
-}
-
-export async function createAzureMember(input: ApiInput["azure"]["members"]["create"]) {
- const { allowed } = await requireRole(["owner", "direttivo", "president"])
- if (!allowed) return { error: "UNAUTHORIZED" }
-
- return await trpc.azure.members.create.mutate(input)
-}
-
-export async function setAzureMemberNumber(input: ApiInput["azure"]["members"]["setAssocNumber"]) {
- const { allowed } = await requireRole(["owner", "direttivo", "president"])
- if (!allowed) return { error: "UNAUTHORIZED" }
-
- return await trpc.azure.members.setAssocNumber.mutate(input)
-}
diff --git a/src/server/actions/grants.ts b/src/server/actions/grants.ts
deleted file mode 100644
index 07f2769..0000000
--- a/src/server/actions/grants.ts
+++ /dev/null
@@ -1,27 +0,0 @@
-"use server"
-
-import { requireRole } from "../auth"
-import { trpc } from "../trpc"
-import type { ApiInput } from "../trpc/types"
-
-export async function getUserGrant(userId: number) {
- return await trpc.tg.grants.checkUser.query({ userId })
-}
-
-export async function createGrant(input: Omit) {
- const { allowed, telegramId } = await requireRole(["owner", "direttivo", "president"])
- if (!allowed) return { success: false, error: "UNAUTHORIZED" }
-
- return await trpc.tg.grants.create.mutate({ ...input, adderId: telegramId, sendTgLog: true })
-}
-
-export async function interruptGrant(userId: number) {
- const { allowed, telegramId } = await requireRole(["owner", "direttivo", "president"])
- if (!allowed)
- return {
- success: false,
- error: "UNAUTHORIZED",
- }
-
- return await trpc.tg.grants.interrupt.mutate({ userId, interruptedById: telegramId, sendTgLog: true })
-}
diff --git a/src/server/actions/groups.ts b/src/server/actions/groups.ts
deleted file mode 100644
index f09c69e..0000000
--- a/src/server/actions/groups.ts
+++ /dev/null
@@ -1,22 +0,0 @@
-"use server"
-
-import { requireRole } from "../auth"
-import { trpc } from "../trpc"
-
-export async function searchGroup(query: string) {
- return trpc.tg.groups.search.query({ query, limit: 20, showHidden: true })
-}
-
-export async function setGroupHide(groupId: number, hide: boolean) {
- const { allowed } = await requireRole(["owner", "direttivo", "president"])
- if (!allowed) return false
-
- return trpc.tg.groups.setHide.mutate({ telegramId: groupId, hide })
-}
-
-export async function leaveChat(chatId: number) {
- const { allowed, telegramId } = await requireRole(["owner", "direttivo", "president"])
- if (!allowed) return { error: "UNAUTHORIZED" }
-
- return trpc.tg.groups.leaveChat.mutate({ chatId, performerId: telegramId })
-}
diff --git a/src/server/actions/test.ts b/src/server/actions/test.ts
deleted file mode 100644
index 3925d43..0000000
--- a/src/server/actions/test.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-"use server"
-import { trpc } from "../trpc"
-
-export async function testDb() {
- return trpc.test.dbQuery.query({ dbName: "tg" })
-}
diff --git a/src/server/actions/users.ts b/src/server/actions/users.ts
deleted file mode 100644
index cb826d6..0000000
--- a/src/server/actions/users.ts
+++ /dev/null
@@ -1,77 +0,0 @@
-"use server"
-import { getServerSession, requireRole } from "../auth"
-import { trpc } from "../trpc"
-import type { ApiOutput, TgUserRole } from "../trpc/types"
-import { getUserGrant } from "./grants"
-
-export async function updateProfilePic(file: File) {
- const session = await getServerSession()
- if (!session.data) return { success: false }
-
- const fd = new FormData()
- fd.set("userId", session.data.user.id)
- fd.set("image", file)
- return await trpc.auth.updateProfilePic.mutate(fd)
-}
-
-export async function getUserInfo(userId: number) {
- return (await trpc.tg.users.get.query({ userId })).user ?? null
-}
-
-export async function getUserRoles(userId: number) {
- return await trpc.tg.permissions.getRoles.query({ userId })
-}
-
-export async function searchUserInfo(username: string) {
- return (await trpc.tg.users.getByUsername.query({ username })).user ?? null
-}
-
-export async function getUserDetails(userId: number) {
- const { user } = await trpc.tg.users.get.query({ userId: userId })
- if (!user) return null
-
- const { roles, groupAdmin } = await trpc.tg.permissions.getRoles.query({ userId: user.id })
- const { messages } = await trpc.tg.messages.getLastByUser.query({ userId: user.id, limit: 15 })
- const audits = await trpc.tg.auditLog.getById.query({ targetId: user.id })
-
- const { grant } = await getUserGrant(user.id)
- return { roles, groupAdmin, user, messages, audits, grant }
-}
-
-export async function addGroupAdmin(userId: number, groupId: number) {
- const { allowed, telegramId } = await requireRole(["owner", "direttivo", "president"])
- if (!allowed) return { error: "UNAUTHORIZED" }
-
- await trpc.tg.permissions.addGroup.mutate({ userId, adderId: telegramId, groupId })
- return { error: null }
-}
-
-export async function delGroupAdmin(
- userId: number,
- groupId: number
-): Promise {
- const { allowed, telegramId } = await requireRole(["owner", "direttivo", "president"])
- if (!allowed) return { error: "UNAUTHORIZED" }
-
- return await trpc.tg.permissions.removeGroup.mutate({ userId, removerId: telegramId, groupId })
-}
-
-export async function addUserRole(
- userId: number,
- role: TgUserRole
-): Promise {
- const { allowed, telegramId } = await requireRole(["owner", "direttivo", "president"])
- if (!allowed) return { roles: null, error: "UNAUTHORIZED" }
-
- return await trpc.tg.permissions.addRole.mutate({ userId, role, adderId: telegramId })
-}
-
-export async function delUserRole(
- userId: number,
- role: TgUserRole
-): Promise {
- const { allowed, telegramId } = await requireRole(["owner", "direttivo", "president"])
- if (!allowed) return { roles: null, error: "UNAUTHORIZED" }
-
- return await trpc.tg.permissions.removeRole.mutate({ userId, role, removerId: telegramId })
-}
diff --git a/src/server/api.functions.ts b/src/server/api.functions.ts
new file mode 100644
index 0000000..186de85
--- /dev/null
+++ b/src/server/api.functions.ts
@@ -0,0 +1,201 @@
+import { type AppRouter, AUTH_PATH, TRPC_PATH } from "@polinetwork/backend"
+import { createServerFn } from "@tanstack/react-start"
+import { getRequestHeader } from "@tanstack/react-start/server"
+import { createTRPCClient, httpBatchLink, httpLink, isNonJsonSerializable, splitLink } from "@trpc/client"
+import SuperJSON from "superjson"
+import { z } from "zod"
+
+export type BackendState = { data: T; connected: boolean; message?: string }
+
+export type AdminSession = {
+ session?: { id?: string; expiresAt?: Date | string }
+ user?: {
+ id: string
+ email?: string
+ name?: string | null
+ image?: string | null
+ telegramId?: number | null
+ telegramUsername?: string | null
+ }
+}
+
+function backendOrigin() {
+ return process.env.BACKEND_URL ?? "http://localhost:3000"
+}
+
+function requestHeaders(): Record {
+ const cookie = getRequestHeader("cookie")
+ return cookie ? { cookie } : {}
+}
+
+function client() {
+ const url = `${backendOrigin()}${TRPC_PATH}`
+ const headers = requestHeaders()
+
+ return createTRPCClient({
+ links: [
+ splitLink({
+ condition: (operation) => isNonJsonSerializable(operation.input),
+ true: httpLink({
+ url,
+ headers,
+ transformer: {
+ serialize: (data) => data,
+ deserialize: (data) => SuperJSON.deserialize(data),
+ },
+ }),
+ false: httpBatchLink({ url, headers, transformer: SuperJSON }),
+ }),
+ ],
+ })
+}
+
+export const testBackend = createServerFn().handler(async () => {
+ try {
+ await client().test.dbQuery.query({ dbName: "web" })
+ return true
+ } catch (e) {
+ console.error("Backend error: ", e)
+ return false
+ }
+})
+
+async function readSession(): Promise {
+ try {
+ const response = await fetch(new URL(`${AUTH_PATH}/get-session`, backendOrigin()), {
+ headers: requestHeaders(),
+ cache: "no-store",
+ })
+
+ if (!response.ok) return null
+ return (await response.json()) as AdminSession
+ } catch {
+ return null
+ }
+}
+
+async function requireSession() {
+ const session = await readSession()
+ if (!session?.user) throw new Error("UNAUTHORIZED")
+ return session
+}
+
+async function requireAdminRole() {
+ const session = await requireSession()
+ const telegramId = session.user?.telegramId
+ if (!telegramId) throw new Error("TELEGRAM_NOT_LINKED")
+
+ const { roles } = await client().tg.permissions.getRoles.query({ userId: telegramId })
+ if (!roles?.some((role) => ["owner", "direttivo", "president"].includes(role))) {
+ throw new Error("UNAUTHORIZED")
+ }
+
+ return { session, telegramId }
+}
+
+async function safely(request: () => Promise): Promise> {
+ try {
+ await requireSession()
+ return { data: await request(), connected: true }
+ } catch (error) {
+ const message =
+ error instanceof Error && error.message === "UNAUTHORIZED"
+ ? "Your session is no longer valid. Sign in again to load this data."
+ : "The PoliNetwork backend is currently unavailable."
+
+ return { data: [], connected: false, message }
+ }
+}
+
+export const getCurrentSession = createServerFn().handler(readSession)
+
+export const getTelegramUsers = createServerFn().handler(() => safely(() => client().tg.users.getAll.query()))
+
+export const getTelegramGroups = createServerFn().handler(() => safely(() => client().tg.groups.getAll.query()))
+
+export const getOngoingGrants = createServerFn().handler(() => safely(() => client().tg.grants.getOngoing.query()))
+
+export const getScheduledGrants = createServerFn().handler(() => safely(() => client().tg.grants.getScheduled.query()))
+
+export const getAzureMembers = createServerFn().handler(() => safely(() => client().azure.members.getAll.query()))
+
+export const getTelegramUserDetails = createServerFn()
+ .validator(z.object({ userId: z.number().int().positive() }))
+ .handler(async ({ data }) => {
+ return safely(async () => {
+ const api = client()
+ const { user } = await api.tg.users.get.query({ userId: data.userId })
+ if (!user) return null
+
+ const [permissions, messages, audits, grant] = await Promise.all([
+ api.tg.permissions.getRoles.query({ userId: user.id }),
+ api.tg.messages.getLastByUser.query({ userId: user.id, limit: 15 }),
+ api.tg.auditLog.getById.query({ targetId: user.id }),
+ api.tg.grants.checkUser.query({ userId: user.id }),
+ ])
+
+ return {
+ user,
+ roles: permissions.roles ?? [],
+ groupAdmin: permissions.groupAdmin.filter(Boolean),
+ groups: await api.tg.groups.getAll.query(),
+ messages: messages.messages ?? [],
+ audits,
+ grant: grant.grant ?? null,
+ }
+ })
+ })
+
+export const setGroupVisibility = createServerFn({ method: "POST" })
+ .validator(z.object({ telegramId: z.number().int(), hide: z.boolean() }))
+ .handler(async ({ data }) => {
+ await requireAdminRole()
+ return client().tg.groups.setHide.mutate(data)
+ })
+
+export const addTelegramGroupAdmin = createServerFn({ method: "POST" })
+ .validator(z.object({ userId: z.number().int().positive(), groupId: z.number().int() }))
+ .handler(async ({ data }) => {
+ const { telegramId } = await requireAdminRole()
+ return client().tg.permissions.addGroup.mutate({ ...data, adderId: telegramId })
+ })
+
+export const createAzureMember = createServerFn({ method: "POST" })
+ .validator(
+ z.object({
+ firstName: z.string().min(1),
+ lastName: z.string().min(1),
+ assocNumber: z.number().int().positive(),
+ sendEmailTo: z.string().email(),
+ })
+ )
+ .handler(async ({ data }) => {
+ await requireAdminRole()
+ const result = await client().azure.members.create.mutate(data)
+ if (result.error) throw new Error(result.error)
+ return result
+ })
+
+export const setAzureMemberNumber = createServerFn({ method: "POST" })
+ .validator(z.object({ userId: z.string().min(1), assocNumber: z.number().int().positive() }))
+ .handler(async ({ data }) => {
+ await requireAdminRole()
+ const result = await client().azure.members.setAssocNumber.mutate(data)
+ if (result.error) throw new Error(result.error)
+ return result
+ })
+
+export const uploadProfilePicture = createServerFn({ method: "POST", strict: false })
+ .validator((data: FormData) => data)
+ .handler(async ({ data }) => {
+ const session = await requireSession()
+ const image = data.get("image")
+ if (!(image instanceof File)) throw new Error("INVALID_IMAGE")
+ if (image.size > 1024 * 1024) throw new Error("IMAGE_TOO_LARGE")
+ if (!["image/png", "image/jpeg"].includes(image.type)) throw new Error("INVALID_IMAGE_TYPE")
+
+ const formData = new FormData()
+ formData.set("userId", session.user?.id ?? "")
+ formData.set("image", image)
+ return client().auth.updateProfilePic.mutate(formData)
+ })
diff --git a/src/server/auth/index.ts b/src/server/auth/index.ts
deleted file mode 100644
index 0c8c534..0000000
--- a/src/server/auth/index.ts
+++ /dev/null
@@ -1,23 +0,0 @@
-import { headers } from "next/headers"
-import { getSession } from "@/lib/auth"
-import { trpc } from "../trpc"
-import type { TgUserRole } from "../trpc/types"
-
-export const getServerSession = async () => {
- const session = await getSession({
- fetchOptions: {
- headers: await headers(),
- },
- })
- // console.log(session);
- return session
-}
-
-export async function requireRole(allowedRoles: TgUserRole[]) {
- const session = await getServerSession()
- const telegramId = session.data?.user.telegramId
- if (!telegramId) return { allowed: false, telegramId: 0 }
-
- const { roles } = await trpc.tg.permissions.getRoles.query({ userId: telegramId })
- return { allowed: roles?.some((s) => allowedRoles.includes(s)), telegramId }
-}
diff --git a/src/server/trpc/index.tsx b/src/server/trpc/index.tsx
deleted file mode 100644
index e53ad45..0000000
--- a/src/server/trpc/index.tsx
+++ /dev/null
@@ -1,28 +0,0 @@
-import "server-only"
-
-import { type AppRouter, TRPC_PATH } from "@polinetwork/backend"
-import { createTRPCClient, httpBatchLink, httpLink, isNonJsonSerializable, splitLink } from "@trpc/client"
-import SuperJSON from "superjson"
-import { env } from "@/env"
-
-const url = env.BACKEND_URL + TRPC_PATH
-export const trpc = createTRPCClient({
- links: [
- splitLink({
- condition: (op) => isNonJsonSerializable(op.input),
- true: httpLink({
- url,
- transformer: {
- // request - convert data before sending to the tRPC server
- serialize: (data) => data,
- // response - convert the tRPC response before using it in client
- deserialize: (data) => SuperJSON.deserialize(data), // or your other transformer
- },
- }),
- false: httpBatchLink({
- url,
- transformer: SuperJSON, // or your other transformer
- }),
- }),
- ],
-})
diff --git a/src/server/trpc/types.tsx b/src/server/trpc/types.tsx
deleted file mode 100644
index 7962e62..0000000
--- a/src/server/trpc/types.tsx
+++ /dev/null
@@ -1,13 +0,0 @@
-import type { AppRouter } from "@polinetwork/backend"
-import type { inferRouterError, inferRouterInputs, inferRouterOutputs } from "@trpc/server"
-
-export type ApiOutput = inferRouterOutputs
-export type ApiInput = inferRouterInputs
-export type ApiError = inferRouterError
-
-export type TgUser = NonNullable
-export type TgGrant = NonNullable
-export type TgGroup = NonNullable
-export type TgUserRole = NonNullable
-
-export type AzureMember = ApiOutput["azure"]["members"]["getAll"][number]
diff --git a/src/styles.css b/src/styles.css
new file mode 100644
index 0000000..10dba25
--- /dev/null
+++ b/src/styles.css
@@ -0,0 +1,324 @@
+@import url("https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700&family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap");
+@import "tailwindcss";
+@import "tw-animate-css";
+@import "shadcn/tailwind.css";
+
+@custom-variant dark (&:is(.dark *));
+
+:root {
+ --ink: #0d1d36;
+ --paper: #f5f7fb;
+ --mist: #e9eef7;
+ --line: #d7deea;
+ --muted-blue: #68778f;
+ --cobalt: #1156ae;
+ --mint: #dce9fa;
+ --sky: #78adf0;
+ --orange: #d86b3f;
+ --white: #ffffff;
+ --toast-success: #18794e;
+ --toast-success-soft: #e4f7ed;
+ --toast-info: #1156ae;
+ --toast-info-soft: #e4effd;
+ --toast-warning: #a15c00;
+ --toast-warning-soft: #fff1d9;
+ --toast-error: #b7472f;
+ --toast-error-soft: #fce8e4;
+
+ --background: var(--paper);
+ --foreground: var(--ink);
+ --card: var(--white);
+ --card-foreground: var(--ink);
+ --popover: var(--white);
+ --popover-foreground: var(--ink);
+ --primary: var(--cobalt);
+ --primary-foreground: #ffffff;
+ --secondary: var(--mist);
+ --secondary-foreground: var(--ink);
+ --muted: var(--mist);
+ --muted-foreground: var(--muted-blue);
+ --accent: var(--mint);
+ --accent-foreground: var(--cobalt);
+ --destructive: #b7472f;
+ --border: var(--line);
+ --input: var(--line);
+ --ring: var(--cobalt);
+ --chart-1: var(--cobalt);
+ --chart-2: var(--sky);
+ --chart-3: var(--ink);
+ --chart-4: var(--orange);
+ --chart-5: var(--muted-blue);
+ --radius: 0.2rem;
+ --sidebar: var(--ink);
+ --sidebar-foreground: #ecf1e9;
+ --sidebar-primary: var(--sky);
+ --sidebar-primary-foreground: var(--ink);
+ --sidebar-accent: #172c4d;
+ --sidebar-accent-foreground: #ffffff;
+ --sidebar-border: rgba(255, 255, 255, 0.12);
+ --sidebar-ring: var(--sky);
+}
+
+.dark {
+ color-scheme: dark;
+ --ink: #edf2f0;
+ --paper: #0a1018;
+ --mist: #141e2b;
+ --line: #253246;
+ --muted-blue: #91a2b8;
+ --cobalt: #78adf0;
+ --mint: #1b3047;
+ --sky: #a5c9f7;
+ --orange: #ed9a70;
+ --white: #121b27;
+ --toast-success: #73d9a0;
+ --toast-success-soft: #112a24;
+ --toast-info: #a5c9f7;
+ --toast-info-soft: #13263b;
+ --toast-warning: #f3b66e;
+ --toast-warning-soft: #332516;
+ --toast-error: #ff9b86;
+ --toast-error-soft: #351d1d;
+
+ --background: var(--paper);
+ --foreground: var(--ink);
+ --card: #101925;
+ --card-foreground: var(--ink);
+ --popover: #141f2d;
+ --popover-foreground: var(--ink);
+ --primary: var(--cobalt);
+ --primary-foreground: #081321;
+ --secondary: #182434;
+ --secondary-foreground: #dbe6f2;
+ --muted: #172332;
+ --muted-foreground: var(--muted-blue);
+ --accent: #192d43;
+ --accent-foreground: var(--sky);
+ --destructive: #ff9b86;
+ --border: var(--line);
+ --input: #2a3a50;
+ --ring: var(--sky);
+ --chart-1: var(--cobalt);
+ --chart-2: var(--sky);
+ --chart-3: #dce7e3;
+ --chart-4: var(--orange);
+ --chart-5: var(--muted-blue);
+ --sidebar: #0d1723;
+ --sidebar-foreground: #e8efec;
+ --sidebar-primary: var(--sky);
+ --sidebar-primary-foreground: #081321;
+ --sidebar-accent: #17283d;
+ --sidebar-accent-foreground: #ffffff;
+ --sidebar-border: rgba(165, 201, 247, 0.16);
+ --sidebar-ring: var(--sky);
+}
+
+@theme inline {
+ --font-sans: "DM Sans", sans-serif;
+ --font-serif: "Libre Baskerville", serif;
+ --font-mono: "DM Mono", monospace;
+ --font-heading: "DM Sans", sans-serif;
+ --color-background: var(--background);
+ --color-foreground: var(--foreground);
+ --color-card: var(--card);
+ --color-card-foreground: var(--card-foreground);
+ --color-popover: var(--popover);
+ --color-popover-foreground: var(--popover-foreground);
+ --color-primary: var(--primary);
+ --color-primary-foreground: var(--primary-foreground);
+ --color-secondary: var(--secondary);
+ --color-secondary-foreground: var(--secondary-foreground);
+ --color-muted: var(--muted);
+ --color-muted-foreground: var(--muted-foreground);
+ --color-accent: var(--accent);
+ --color-accent-foreground: var(--accent-foreground);
+ --color-destructive: var(--destructive);
+ --color-border: var(--border);
+ --color-input: var(--input);
+ --color-ring: var(--ring);
+ --color-sidebar: var(--sidebar);
+ --color-sidebar-foreground: var(--sidebar-foreground);
+ --color-sidebar-primary: var(--sidebar-primary);
+ --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
+ --color-sidebar-accent: var(--sidebar-accent);
+ --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
+ --color-sidebar-border: var(--sidebar-border);
+ --color-sidebar-ring: var(--sidebar-ring);
+}
+
+@layer base {
+ * {
+ @apply border-border;
+ }
+
+ html {
+ @apply scroll-smooth;
+ }
+
+ body {
+ @apply min-w-80 bg-background font-sans text-foreground antialiased;
+ font-synthesis: none;
+ }
+
+ [data-sonner-toaster] {
+ --normal-bg: var(--card);
+ --normal-text: var(--foreground);
+ --normal-border: var(--line);
+ }
+
+ [data-sonner-toast].sonner-toast {
+ border: 1px solid var(--line);
+ border-radius: 0.45rem;
+ box-shadow: 0 12px 30px rgb(0 0 0 / 22%);
+ font-family: "DM Sans", sans-serif;
+ }
+
+ [data-sonner-toast][data-type="success"] {
+ background: var(--toast-success-soft);
+ border-color: color-mix(in srgb, var(--toast-success) 28%, var(--card));
+ color: var(--toast-success);
+ }
+
+ [data-sonner-toast][data-type="info"] {
+ background: var(--toast-info-soft);
+ border-color: color-mix(in srgb, var(--toast-info) 28%, var(--card));
+ color: var(--toast-info);
+ }
+
+ [data-sonner-toast][data-type="warning"] {
+ background: var(--toast-warning-soft);
+ border-color: color-mix(in srgb, var(--toast-warning) 28%, var(--card));
+ color: var(--toast-warning);
+ }
+
+ [data-sonner-toast][data-type="error"] {
+ background: var(--toast-error-soft);
+ border-color: color-mix(in srgb, var(--toast-error) 28%, var(--card));
+ color: var(--toast-error);
+ }
+
+ [data-sonner-toast] [data-content] {
+ color: inherit;
+ }
+
+ [data-sonner-toast] [data-description] {
+ color: color-mix(in srgb, currentColor 72%, transparent);
+ }
+
+ button,
+ input {
+ font: inherit;
+ }
+
+ button {
+ @apply cursor-pointer;
+ }
+
+ a {
+ @apply text-inherit no-underline;
+ }
+
+ h1,
+ h2,
+ h3,
+ p {
+ @apply m-0;
+ }
+}
+
+/* Dark mode keeps the cobalt brand as a signal, not a wallpaper. */
+.dark .bg-\[\#efeee7\] {
+ background: #172231;
+}
+
+.dark .hover\:bg-\[\#f6f9fe\]:hover {
+ background: #162231;
+}
+
+.dark .bg-\[\#eaf2fc\] {
+ background: #122337;
+ color: #aabbd0;
+}
+
+.dark .bg-\[\#fff4e8\] {
+ background: #302218;
+}
+
+.dark .text-\[\#895322\] {
+ color: #f0b87a;
+}
+
+.dark .bg-\[\#e5e9df\] {
+ background: #1b2938;
+}
+
+.dark .hover\:bg-\[\#dbe1d4\]:hover {
+ background: #243648;
+}
+
+.dark input.bg-\[\#fffefa\] {
+ background: #0d1723;
+}
+
+.dark input.border-\[\#cbd0c7\] {
+ border-color: #33445a;
+}
+
+.dark .bg-\[\#dbe8ff\] {
+ background: #1e3854;
+}
+
+.dark .bg-\[\#e8edfa\] {
+ background: #1d2d46;
+}
+
+.dark .bg-\[\#e5effc\] {
+ background: #1b3047;
+}
+
+.dark .bg-\[\#e9e8df\] {
+ background: #1b2937;
+}
+
+@media (prefers-reduced-motion: reduce) {
+ *,
+ *::before,
+ *::after {
+ transition-duration: 0.01ms;
+ }
+
+ html {
+ scroll-behavior: auto;
+ }
+
+ .animate-appear,
+ .animate-spin-slow {
+ animation: none;
+ }
+}
+
+@keyframes appear {
+ from {
+ opacity: 0;
+ transform: translateY(9px);
+ }
+
+ to {
+ opacity: 1;
+ transform: translateY(0);
+ }
+}
+
+@keyframes spin {
+ to {
+ transform: rotate(360deg);
+ }
+}
+
+@utility animate-appear {
+ animation: appear 0.45s ease both;
+}
+
+@utility animate-spin-slow {
+ animation: spin 1s linear infinite;
+}
diff --git a/src/utils/cookies.ts b/src/utils/cookies.ts
deleted file mode 100644
index e424ead..0000000
--- a/src/utils/cookies.ts
+++ /dev/null
@@ -1,56 +0,0 @@
-export type CookieOptions = {
- expires?: Date | number // Date or seconds from now
- path?: string
- domain?: string
- secure?: boolean
- sameSite?: "strict" | "lax" | "none"
-}
-
-export function setCookie(name: string, value: string, options: CookieOptions = {}): void {
- if (typeof document === "undefined") return
-
- const { expires, path, domain, secure, sameSite } = options
-
- let cookieString = `${encodeURIComponent(name)}=${encodeURIComponent(value)}`
-
- if (expires !== undefined) {
- const date = expires instanceof Date ? expires : new Date(Date.now() + expires * 1000)
- cookieString += `; expires=${date.toUTCString()}`
- }
-
- if (path) cookieString += `; path=${path}`
- if (domain) cookieString += `; domain=${domain}`
- if (secure) cookieString += "; secure"
- if (sameSite) cookieString += `; samesite=${sameSite}`
-
- // biome-ignore lint/suspicious/noDocumentCookie: same as @/ui/sidebar strategy
- document.cookie = cookieString
-}
-
-export function getCookie(name: string): string | null {
- if (typeof document === "undefined") return null
-
- const match = document.cookie.match(
- new RegExp(`(?:^|; )${encodeURIComponent(name).replace(/[.*+?^${}()|[\]\\]/g, "\\$&")}=([^;]*)`)
- )
-
- return match?.[1] ? decodeURIComponent(match[1]) : null
-}
-
-export function deleteCookie(name: string, options: Pick = {}): void {
- setCookie(name, "", { ...options, expires: new Date(0) })
-}
-
-export function getDefaultCookieOptions(): CookieOptions {
- return process.env.NODE_ENV === "development"
- ? {
- path: "/",
- sameSite: "lax",
- }
- : {
- path: "/",
- domain: ".polinetwork.org",
- secure: true,
- sameSite: "strict",
- }
-}
diff --git a/src/vite-env.d.ts b/src/vite-env.d.ts
new file mode 100644
index 0000000..11f02fe
--- /dev/null
+++ b/src/vite-env.d.ts
@@ -0,0 +1 @@
+///