+
-
-
- {name}
-
+ {name}
- signOut()}
- className="w-full"
- >
+ signOut()} className='w-full'>
Sign Out
@@ -43,4 +45,4 @@ export default function Sign_Out() {
);
}
-};
+}
diff --git a/src/components/auth/client/authentik/Sign_In.tsx b/src/components/auth/client/authentik/Sign_In.tsx
index cedd837..66c575c 100755
--- a/src/components/auth/client/authentik/Sign_In.tsx
+++ b/src/components/auth/client/authentik/Sign_In.tsx
@@ -1,15 +1,15 @@
-import { signIn } from "next-auth/react";
-import { Button } from "~/components/ui/shadcn/button";
+import { signIn } from 'next-auth/react';
+import { Button } from '~/components/ui/shadcn/button';
export default function Sign_In_Authentik() {
return (
signIn('authentik')}
- className="bg-gradient-to-tl from-[#35363F] to=[#24191A] rounded-xl
+ className='bg-gradient-to-tl from-[#35363F] to=[#24191A] rounded-xl
px-4 py-2 md:py-2.5 font-semibold text-white hover:bg-gradient-to-tr
- hover:from-[#35363F] hover:to-[#23242F]"
+ hover:from-[#35363F] hover:to-[#23242F]'
>
- Sign In
+ Sign In
);
-};
+}
diff --git a/src/components/auth/client/microsoft/Sign_In.tsx b/src/components/auth/client/microsoft/Sign_In.tsx
index 7e06967..db8c1c7 100755
--- a/src/components/auth/client/microsoft/Sign_In.tsx
+++ b/src/components/auth/client/microsoft/Sign_In.tsx
@@ -1,15 +1,15 @@
-import { signIn } from "next-auth/react";
-import { Button } from "~/components/ui/shadcn/button";
+import { signIn } from 'next-auth/react';
+import { Button } from '~/components/ui/shadcn/button';
export default function Sign_In_Microsoft() {
return (
signIn('microsoft-entra-id')}
- className="bg-gradient-to-tl from-[#35363F] to=[#24191A] rounded-xl
+ className='bg-gradient-to-tl from-[#35363F] to=[#24191A] rounded-xl
px-4 py-2 md:py-2.5 font-semibold text-white hover:bg-gradient-to-tr
- hover:from-[#35363F] hover:to-[#23242F]"
+ hover:from-[#35363F] hover:to-[#23242F]'
>
- Sign In
+ Sign In
);
-};
+}
diff --git a/src/components/auth/server/Sign_Out.tsx b/src/components/auth/server/Sign_Out.tsx
index 846c912..ec28900 100755
--- a/src/components/auth/server/Sign_Out.tsx
+++ b/src/components/auth/server/Sign_Out.tsx
@@ -1,31 +1,41 @@
-import Image from "next/image";
-import { auth } from "~/auth"
-import { signOut } from "~/auth"
-
+import Image from 'next/image';
+import { auth } from '~/auth';
+import { signOut } from '~/auth';
+
export default async function Sign_Out() {
const session = await auth();
if (!session) {
- return (
);
+ return
;
} else {
// Add User profile picture next to Sign Out button
- const pfp = session?.user?.image ? session.user.image : "/images/default_user_pfp.png";
+ const pfp = session?.user?.image
+ ? session.user.image
+ : '/images/default_user_pfp.png';
return (
-
);
}
-};
+}
diff --git a/src/components/auth/server/authentik/Sign_In.tsx b/src/components/auth/server/authentik/Sign_In.tsx
index 6ba40f4..7fd7d9a 100755
--- a/src/components/auth/server/authentik/Sign_In.tsx
+++ b/src/components/auth/server/authentik/Sign_In.tsx
@@ -1,21 +1,33 @@
-import Image from "next/image";
-import { signIn } from "~/auth";
+import Image from 'next/image';
+import { signIn } from '~/auth';
-export default async function Sign_In_Authentik() {
+const Sign_In_Authentik = () => {
return (
-
);
-}
+};
+export default Sign_In_Authentik;
diff --git a/src/components/auth/server/microsoft/Sign_In.tsx b/src/components/auth/server/microsoft/Sign_In.tsx
index 842f558..24dc74f 100755
--- a/src/components/auth/server/microsoft/Sign_In.tsx
+++ b/src/components/auth/server/microsoft/Sign_In.tsx
@@ -1,20 +1,29 @@
-import Image from "next/image";
-import { signIn } from "~/auth";
+import Image from 'next/image';
+import { signIn } from '~/auth';
export default async function Sign_In_Microsoft() {
return (
-
);
diff --git a/src/components/context/TVModeContext.tsx b/src/components/context/TVModeContext.tsx
index 97abc76..e311d99 100755
--- a/src/components/context/TVModeContext.tsx
+++ b/src/components/context/TVModeContext.tsx
@@ -1,4 +1,4 @@
-"use client";
+'use client';
import React, { createContext, useContext, useState } from 'react';
import type { ReactNode } from 'react';
@@ -11,7 +11,7 @@ const TVModeContext = createContext
(undefined);
export const TVModeProvider = ({ children }: { children: ReactNode }) => {
const [tvMode, setTVMode] = useState(false);
-
+
const toggleTVMode = () => {
setTVMode((prev) => !prev);
};
diff --git a/src/components/ui/Header.tsx b/src/components/ui/Header.tsx
index b2f4af2..848f5cc 100755
--- a/src/components/ui/Header.tsx
+++ b/src/components/ui/Header.tsx
@@ -1,41 +1,48 @@
-"use client";
-import Image from "next/image";
-import Sign_Out from "~/components/auth/client/Sign_Out";
-import TV_Toggle from "~/components/ui/TV_Toggle";
-import { useTVMode } from "~/components/context/TVModeContext";
+'use client';
+import Image from 'next/image';
+import Sign_Out from '~/components/auth/client/Sign_Out';
+import TV_Toggle from '~/components/ui/TV_Toggle';
+import { useTVMode } from '~/components/context/TVModeContext';
export default function Header() {
const { tvMode } = useTVMode();
if (tvMode) {
return (
-
-
- < TV_Toggle />
+
);
} else {
return (
-
-
-
- < TV_Toggle />
- < Sign_Out />
+
+
-
-
+
+ font-bold pl-2 md:pl-12 text-transparent bg-clip-text'
+ >
Tech Tracker
);
}
-};
+}
diff --git a/src/components/ui/History_Drawer.tsx b/src/components/ui/History_Drawer.tsx
index 54435a9..2ae3f62 100755
--- a/src/components/ui/History_Drawer.tsx
+++ b/src/components/ui/History_Drawer.tsx
@@ -1,13 +1,13 @@
-import React, { useState, useEffect } from "react";
-import Image from "next/image";
-import { ScrollArea } from "~/components/ui/shadcn/scroll-area";
+import React, { useState, useEffect } from 'react';
+import Image from 'next/image';
+import { ScrollArea } from '~/components/ui/shadcn/scroll-area';
import {
DrawerClose,
DrawerContent,
DrawerFooter,
DrawerHeader,
DrawerTitle,
-} from "~/components/ui/shadcn/drawer";
+} from '~/components/ui/shadcn/drawer';
import {
Table,
TableBody,
@@ -15,7 +15,7 @@ import {
TableHead,
TableHeader,
TableRow,
-} from "~/components/ui/shadcn/table";
+} from '~/components/ui/shadcn/table';
import {
Pagination,
PaginationContent,
@@ -23,7 +23,7 @@ import {
PaginationItem,
PaginationNext,
PaginationPrevious,
-} from "~/components/ui/shadcn/pagination";
+} from '~/components/ui/shadcn/pagination';
// Type definitions for Paginated History API
type HistoryEntry = {
@@ -38,7 +38,7 @@ type PaginatedHistory = {
per_page: number;
total_pages: number;
total_count: number;
- }
+ };
};
type History_Drawer_Props = {
user_id: number;
@@ -52,9 +52,12 @@ const History_Drawer: React.FC
= ({ user_id }) => {
const fetchHistory = async (currentPage: number, user_id: number) => {
try {
- const response = await fetch(`/api/get_paginated_history?user_id=${user_id}&page=${currentPage}&per_page=${perPage}`);
+ const response = await fetch(
+ `/api/get_paginated_history?user_id=${user_id}&page=${currentPage}&per_page=${perPage}`,
+ );
if (!response.ok) throw new Error('Failed to fetch history');
- const data: PaginatedHistory = await response.json() as PaginatedHistory;
+ const data: PaginatedHistory =
+ (await response.json()) as PaginatedHistory;
setHistory(data.data);
setTotalPages(data.meta.total_pages);
} catch (error) {
@@ -76,29 +79,47 @@ const History_Drawer: React.FC = ({ user_id }) => {
-
-
-
+
+
History
-
-
+
+
- Name
- Status
- Updated At
+
+ Name
+
+
+ Status
+
+
+ Updated At
+
{history.map((entry, index) => (
- {entry.name}
- {entry.status}
- {new Date(entry.updatedAt).toLocaleString()}
+
+ {entry.name}
+
+
+ {entry.status}
+
+
+ {new Date(entry.updatedAt).toLocaleString()}
+
))}
@@ -110,7 +131,7 @@ const History_Drawer: React.FC = ({ user_id }) => {
{page > 1 && (
{
e.preventDefault();
handlePageChange(page - 1);
@@ -119,33 +140,31 @@ const History_Drawer: React.FC = ({ user_id }) => {
)}
{totalPages > 10 && (
-
- Page
-
- {page}
-
+
+ Page
+ {page}
of
-
- {totalPages}
-
+ {totalPages}
)}
- {totalPages <= 10 && Array.from({ length: totalPages }).map((_, idx) => (
-
- {
- e.preventDefault();
- handlePageChange(idx + 1);
- }}
- >{idx + 1}
-
-
- ))}
+ {totalPages <= 10 &&
+ Array.from({ length: totalPages }).map((_, idx) => (
+
+ {
+ e.preventDefault();
+ handlePageChange(idx + 1);
+ }}
+ >
+ {idx + 1}
+
+
+ ))}
{page < totalPages && (
{
e.preventDefault();
handlePageChange(page + 1);
@@ -155,8 +174,7 @@ const History_Drawer: React.FC = ({ user_id }) => {
)}
-
-
+ = ({interval_amount}) => {
+const Loading: React.FC = ({ interval_amount }) => {
const [progress, setProgress] = React.useState(13);
- React.useEffect(() => {
- const interval = setInterval(() => {
- setProgress((prev) => {
- if (prev >= 100) {
- clearInterval(interval);
- return 0;
- }
- return prev + interval_amount;
- });
- }, 50);
- return () => clearInterval(interval);
-
- })
- return (
-
- );
-}
+ React.useEffect(() => {
+ const interval = setInterval(() => {
+ setProgress((prev) => {
+ if (prev >= 100) {
+ clearInterval(interval);
+ return 0;
+ }
+ return prev + interval_amount;
+ });
+ }, 50);
+ return () => clearInterval(interval);
+ });
+ return (
+
+ );
+};
export default Loading;
diff --git a/src/components/ui/No_Session.tsx b/src/components/ui/No_Session.tsx
index 92b3756..546d821 100755
--- a/src/components/ui/No_Session.tsx
+++ b/src/components/ui/No_Session.tsx
@@ -1,35 +1,42 @@
-import Link from "next/link";
-import Image from "next/image";
-import Sign_In_Microsoft from "~/components/auth/server/microsoft/Sign_In";
-import Sign_In_Authentik from "~/components/auth/server/authentik/Sign_In";
-import Header from "~/components/ui/Header";
+import Link from 'next/link';
+import Image from 'next/image';
+import Sign_In_Microsoft from '~/components/auth/server/microsoft/Sign_In';
+import Sign_In_Authentik from '~/components/auth/server/authentik/Sign_In';
+import Header from '~/components/ui/Header';
export default function No_Session() {
return (
-
-
- < Header />
+
+
+
-
-
- < Sign_In_Microsoft />
+
+
+
-
- < Sign_In_Authentik />
+
+
-
-
-
Source Code
-
-
+
+
Source Code
+
+
);
-};
+}
diff --git a/src/components/ui/TV_Toggle.tsx b/src/components/ui/TV_Toggle.tsx
index 6acbc24..99e0035 100755
--- a/src/components/ui/TV_Toggle.tsx
+++ b/src/components/ui/TV_Toggle.tsx
@@ -1,21 +1,27 @@
-"use client";
-import Image from "next/image";
-import { useTVMode } from "~/components/context/TVModeContext";
-import { useSession } from "next-auth/react";
+'use client';
+import Image from 'next/image';
+import { useTVMode } from '~/components/context/TVModeContext';
+import { useSession } from 'next-auth/react';
export default function TV_Toggle() {
const { tvMode, toggleTVMode } = useTVMode();
const { data: session } = useSession();
- if (!session) return
;
+ if (!session) return
;
return (
-
+
{tvMode ? (
-
diff --git a/src/components/ui/Tech_Table.tsx b/src/components/ui/Tech_Table.tsx
index ca36c43..bf47243 100755
--- a/src/components/ui/Tech_Table.tsx
+++ b/src/components/ui/Tech_Table.tsx
@@ -1,19 +1,19 @@
-"use client";
+'use client';
import { useState, useEffect, useCallback } from 'react';
-import { useSession } from "next-auth/react";
-import Loading from "~/components/ui/Loading";
-import { useTVMode } from "~/components/context/TVModeContext";
-import { Drawer, DrawerTrigger } from "~/components/ui/shadcn/drawer";
-import { ScrollArea } from "~/components/ui/shadcn/scroll-area";
+import { useSession } from 'next-auth/react';
+import Loading from '~/components/ui/Loading';
+import { useTVMode } from '~/components/context/TVModeContext';
+import { Drawer, DrawerTrigger } from '~/components/ui/shadcn/drawer';
+import { ScrollArea } from '~/components/ui/shadcn/scroll-area';
-import History_Drawer from "~/components/ui/History_Drawer";
+import History_Drawer from '~/components/ui/History_Drawer';
type Employee = {
id: number;
name: string;
status: string;
updatedAt: Date;
-}
+};
export default function Tech_Table({ employees }: { employees: Employee[] }) {
const { data: session, status } = useSession();
@@ -29,32 +29,34 @@ export default function Tech_Table({ employees }: { employees: Employee[] }) {
const res = await fetch('/api/get_technicians', {
method: 'GET',
headers: {
- 'Authorization': `Bearer ${process.env.API_KEY}`
- }
+ Authorization: `Bearer ${process.env.API_KEY}`,
+ },
});
return res.json() as Promise;
}, []);
const update_status = async () => {
if (!session) {
- alert("You must be signed in to update status.");
+ alert('You must be signed in to update status.');
return;
} else if (selectedIds.length === 0 && employeeStatus.trim() !== '') {
- const users_name = session.user?.name ?? "";
+ const users_name = session.user?.name ?? '';
const name_arr = users_name.split(' ');
- const lname = name_arr[name_arr.length - 1] ?? "";
- const cur_user = employees.find(employee => employee.name.includes(lname));
+ const lname = name_arr[name_arr.length - 1] ?? '';
+ const cur_user = employees.find((employee) =>
+ employee.name.includes(lname),
+ );
if (cur_user) {
await fetch('/api/update_status_by_id', {
method: 'POST',
headers: {
'Content-Type': 'application/json',
- 'Authorization': `Bearer ${process.env.API_KEY}`
+ Authorization: `Bearer ${process.env.API_KEY}`,
},
- body: JSON.stringify(
- { employeeIds: [cur_user.id],
- newStatus: employeeStatus }
- ),
+ body: JSON.stringify({
+ employeeIds: [cur_user.id],
+ newStatus: employeeStatus,
+ }),
});
}
} else if (employeeStatus.trim() !== '') {
@@ -62,15 +64,15 @@ export default function Tech_Table({ employees }: { employees: Employee[] }) {
method: 'POST',
headers: {
'Content-Type': 'application/json',
- 'Authorization': `Bearer ${process.env.API_KEY}`
+ Authorization: `Bearer ${process.env.API_KEY}`,
},
- body: JSON.stringify(
- { employeeIds: selectedIds,
- newStatus: employeeStatus }
- ),
+ body: JSON.stringify({
+ employeeIds: selectedIds,
+ newStatus: employeeStatus,
+ }),
});
}
-
+
const updatedEmployees = await fetch_employees();
setEmployeeData(updatedEmployees);
setSelectedIds([]);
@@ -81,7 +83,7 @@ export default function Tech_Table({ employees }: { employees: Employee[] }) {
setSelectedIds((prevSelected) =>
prevSelected.includes(id)
? prevSelected.filter((prevId) => prevId !== id)
- : [...prevSelected, id]
+ : [...prevSelected, id],
);
};
@@ -121,7 +123,7 @@ export default function Tech_Table({ employees }: { employees: Employee[] }) {
};
useEffect(() => {
- if (status !== "loading") {
+ if (status !== 'loading') {
setLoading(false);
}
}, [status]);
@@ -135,7 +137,7 @@ export default function Tech_Table({ employees }: { employees: Employee[] }) {
const updatedEmployees = await fetch_employees();
setEmployeeData(updatedEmployees);
};
-
+
fetchAndUpdateEmployees().catch((error) => {
console.error('Error fetching employees:', error);
});
@@ -147,7 +149,7 @@ export default function Tech_Table({ employees }: { employees: Employee[] }) {
console.error('Error fetching employees:', error);
});
}, 10000);
-
+
return () => clearInterval(intervalId);
}, [fetch_employees]);
@@ -163,70 +165,77 @@ export default function Tech_Table({ employees }: { employees: Employee[] }) {
else {
return (
- {tvMode &&
}
-
-
+ {tvMode &&
}
+
{!tvMode && (
-
+
Update
diff --git a/src/components/ui/scroll-area.tsx b/src/components/ui/scroll-area.tsx
index f66ab4f..ae6fd55 100755
--- a/src/components/ui/scroll-area.tsx
+++ b/src/components/ui/scroll-area.tsx
@@ -1,9 +1,9 @@
-"use client"
+'use client';
-import * as React from "react"
-import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area"
+import * as React from 'react';
+import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
-import { cn } from "~/lib/utils"
+import { cn } from '~/lib/utils';
const ScrollArea = React.forwardRef<
React.ElementRef,
@@ -11,38 +11,38 @@ const ScrollArea = React.forwardRef<
>(({ className, children, ...props }, ref) => (
-
+
{children}
-))
-ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName
+));
+ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
const ScrollBar = React.forwardRef<
React.ElementRef,
React.ComponentPropsWithoutRef
->(({ className, orientation = "vertical", ...props }, ref) => (
+>(({ className, orientation = 'vertical', ...props }, ref) => (
-
-))
-ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName
+));
+ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
-export { ScrollArea, ScrollBar }
+export { ScrollArea, ScrollBar };
diff --git a/src/components/ui/shadcn/button.tsx b/src/components/ui/shadcn/button.tsx
index e6279d7..23aaa4b 100755
--- a/src/components/ui/shadcn/button.tsx
+++ b/src/components/ui/shadcn/button.tsx
@@ -1,59 +1,59 @@
-import * as React from "react"
-import { Slot } from "@radix-ui/react-slot"
-import { cva, type VariantProps } from "class-variance-authority"
+import * as React from 'react';
+import { Slot } from '@radix-ui/react-slot';
+import { cva, type VariantProps } from 'class-variance-authority';
-import { cn } from "~/lib/utils"
+import { cn } from '~/lib/utils';
const buttonVariants = cva(
- "inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm " +
- "font-medium ring-offset-background transition-colors focus-visible:outline-none " +
- "focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 " +
- "disabled:pointer-events-none disabled:opacity-50",
+ 'inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm ' +
+ 'font-medium ring-offset-background transition-colors focus-visible:outline-none ' +
+ 'focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 ' +
+ 'disabled:pointer-events-none disabled:opacity-50',
{
variants: {
variant: {
- default: "bg-primary text-primary-foreground hover:bg-primary/90",
+ default: 'bg-primary text-primary-foreground hover:bg-primary/90',
destructive:
- "bg-destructive text-destructive-foreground hover:bg-destructive/90",
+ 'bg-destructive text-destructive-foreground hover:bg-destructive/90',
outline:
- "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
+ 'border border-input bg-background hover:bg-accent hover:text-accent-foreground',
secondary:
- "bg-secondary text-secondary-foreground hover:bg-secondary/80",
- ghost: "hover:bg-accent hover:text-accent-foreground",
- link: "text-primary underline-offset-4 hover:underline",
+ 'bg-secondary text-secondary-foreground hover:bg-secondary/80',
+ ghost: 'hover:bg-accent hover:text-accent-foreground',
+ link: 'text-primary underline-offset-4 hover:underline',
},
size: {
- default: "h-10 px-4 py-2",
- sm: "h-9 rounded-md px-3",
- lg: "h-11 rounded-md px-8",
- icon: "h-10 w-10",
+ default: 'h-10 px-4 py-2',
+ sm: 'h-9 rounded-md px-3',
+ lg: 'h-11 rounded-md px-8',
+ icon: 'h-10 w-10',
},
},
defaultVariants: {
- variant: "default",
- size: "default",
+ variant: 'default',
+ size: 'default',
},
- }
-)
+ },
+);
export interface ButtonProps
extends React.ButtonHTMLAttributes,
VariantProps {
- asChild?: boolean
+ asChild?: boolean;
}
const Button = React.forwardRef(
({ className, variant, size, asChild = false, ...props }, ref) => {
- const Comp = asChild ? Slot : "button"
+ const Comp = asChild ? Slot : 'button';
return (
+export type CalendarProps = React.ComponentProps;
function Calendar({
className,
@@ -16,59 +16,60 @@ function Calendar({
return (
,
@@ -11,21 +11,21 @@ const Checkbox = React.forwardRef<
-
-))
-Checkbox.displayName = CheckboxPrimitive.Root.displayName
+));
+Checkbox.displayName = CheckboxPrimitive.Root.displayName;
-export { Checkbox }
+export { Checkbox };
diff --git a/src/components/ui/shadcn/combobox.tsx b/src/components/ui/shadcn/combobox.tsx
index f19a153..431a199 100755
--- a/src/components/ui/shadcn/combobox.tsx
+++ b/src/components/ui/shadcn/combobox.tsx
@@ -1,8 +1,8 @@
-"use client"
-import * as React from "react"
-import { Check, ChevronsUpDown } from "lucide-react"
-import { cn } from "~/lib/utils"
-import { Button } from "~/components/ui/shadcn/button"
+'use client';
+import * as React from 'react';
+import { Check, ChevronsUpDown } from 'lucide-react';
+import { cn } from '~/lib/utils';
+import { Button } from '~/components/ui/shadcn/button';
import {
Command,
CommandEmpty,
@@ -10,12 +10,12 @@ import {
CommandInput,
CommandItem,
CommandList,
-} from "~/components/ui/shadcn/command"
+} from '~/components/ui/shadcn/command';
import {
Popover,
PopoverContent,
PopoverTrigger,
-} from "~/components/ui/shadcn/popover"
+} from '~/components/ui/shadcn/popover';
// Define the type correctly as an array of objects
type ListItem = {
@@ -29,27 +29,28 @@ type ComboboxDemoProps = {
export function ComboboxDemo({ listItems }: ComboboxDemoProps) {
const [open, setOpen] = React.useState(false);
- const [value, setValue] = React.useState("");
+ const [value, setValue] = React.useState('');
- const selectedItem = listItems.find(
- (item) => item.value === value)?.label ?? "Select listItem...";
+ const selectedItem =
+ listItems.find((item) => item.value === value)?.label ??
+ 'Select listItem...';
return (
{selectedItem}
-
-
+
- No Item found.
@@ -58,14 +59,14 @@ export function ComboboxDemo({ listItems }: ComboboxDemoProps) {
key={listItem.value}
value={listItem.value}
onSelect={(currentValue) => {
- setValue(currentValue === value ? "" : currentValue);
+ setValue(currentValue === value ? '' : currentValue);
setOpen(false);
}}
>
,
@@ -13,55 +13,57 @@ const Command = React.forwardRef<
-
-
+ [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5'
+ >
{children}
- )
-}
+ );
+};
const CommandInput = React.forwardRef<
React.ElementRef,
React.ComponentPropsWithoutRef
>(({ className, ...props }, ref) => (
-
-
+
+
-))
+));
-CommandInput.displayName = CommandPrimitive.Input.displayName
+CommandInput.displayName = CommandPrimitive.Input.displayName;
const CommandList = React.forwardRef<
React.ElementRef
,
@@ -69,12 +71,12 @@ const CommandList = React.forwardRef<
>(({ className, ...props }, ref) => (
,
@@ -82,12 +84,12 @@ const CommandEmpty = React.forwardRef<
>((props, ref) => (
,
@@ -96,17 +98,17 @@ const CommandGroup = React.forwardRef<
,
@@ -114,11 +116,11 @@ const CommandSeparator = React.forwardRef<
>(({ className, ...props }, ref) => (
,
@@ -127,17 +129,17 @@ const CommandItem = React.forwardRef<
()
+ const [date, setDate] = React.useState();
return (
- Pick a date }
+ Pick a date }
-
+
- )
+ );
}
diff --git a/src/components/ui/shadcn/dialog.tsx b/src/components/ui/shadcn/dialog.tsx
index 70e197e..274d150 100755
--- a/src/components/ui/shadcn/dialog.tsx
+++ b/src/components/ui/shadcn/dialog.tsx
@@ -1,13 +1,13 @@
-"use client"
-import * as React from "react"
-import * as DialogPrimitive from "@radix-ui/react-dialog"
-import { X } from "lucide-react"
-import { cn } from "~/lib/utils"
+'use client';
+import * as React from 'react';
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+import { X } from 'lucide-react';
+import { cn } from '~/lib/utils';
-const Dialog = DialogPrimitive.Root
-const DialogTrigger = DialogPrimitive.Trigger
-const DialogPortal = DialogPrimitive.Portal
-const DialogClose = DialogPrimitive.Close
+const Dialog = DialogPrimitive.Root;
+const DialogTrigger = DialogPrimitive.Trigger;
+const DialogPortal = DialogPrimitive.Portal;
+const DialogClose = DialogPrimitive.Close;
const DialogOverlay = React.forwardRef<
React.ElementRef,
@@ -16,15 +16,15 @@ const DialogOverlay = React.forwardRef<
,
@@ -35,31 +35,33 @@ const DialogContent = React.forwardRef<
{children}
-
- Close
+ data-[state=open]:bg-accent data-[state=open]:text-muted-foreground'
+ >
+ Close
-))
-DialogContent.displayName = DialogPrimitive.Content.displayName
+));
+DialogContent.displayName = DialogPrimitive.Content.displayName;
const DialogHeader = ({
className,
@@ -67,13 +69,13 @@ const DialogHeader = ({
}: React.HTMLAttributes) => (
-)
-DialogHeader.displayName = "DialogHeader"
+);
+DialogHeader.displayName = 'DialogHeader';
const DialogFooter = ({
className,
@@ -81,13 +83,13 @@ const DialogFooter = ({
}: React.HTMLAttributes) => (
-)
-DialogFooter.displayName = "DialogFooter"
+);
+DialogFooter.displayName = 'DialogFooter';
const DialogTitle = React.forwardRef<
React.ElementRef,
@@ -96,13 +98,13 @@ const DialogTitle = React.forwardRef<
,
@@ -110,11 +112,11 @@ const DialogDescription = React.forwardRef<
>(({ className, ...props }, ref) => (
,
@@ -28,11 +28,11 @@ const DrawerOverlay = React.forwardRef<
>(({ className, ...props }, ref) => (
,
@@ -43,39 +43,39 @@ const DrawerContent = React.forwardRef<
-
+
{children}
-))
-DrawerContent.displayName = "DrawerContent"
+));
+DrawerContent.displayName = 'DrawerContent';
const DrawerHeader = ({
className,
...props
}: React.HTMLAttributes) => (
-)
-DrawerHeader.displayName = "DrawerHeader"
+);
+DrawerHeader.displayName = 'DrawerHeader';
const DrawerFooter = ({
className,
...props
}: React.HTMLAttributes) => (
-)
-DrawerFooter.displayName = "DrawerFooter"
+);
+DrawerFooter.displayName = 'DrawerFooter';
const DrawerTitle = React.forwardRef<
React.ElementRef,
@@ -84,13 +84,13 @@ const DrawerTitle = React.forwardRef<
,
@@ -98,11 +98,11 @@ const DrawerDescription = React.forwardRef<
>(({ className, ...props }, ref) => (
,
React.ComponentPropsWithoutRef & {
- inset?: boolean
+ inset?: boolean;
}
>(({ className, inset, children, ...props }, ref) => (
{children}
-
-))
+));
DropdownMenuSubTrigger.displayName =
- DropdownMenuPrimitive.SubTrigger.displayName
+ DropdownMenuPrimitive.SubTrigger.displayName;
const DropdownMenuSubContent = React.forwardRef<
React.ElementRef,
@@ -41,20 +41,20 @@ const DropdownMenuSubContent = React.forwardRef<
,
@@ -65,41 +65,41 @@ const DropdownMenuContent = React.forwardRef<
ref={ref}
sideOffset={sideOffset}
className={cn(
- "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 " +
- "text-popover-foreground shadow-md data-[state=open]:animate-in " +
- "data-[state=closed]:animate-out data-[state=closed]:fade-out-0 " +
- "data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 " +
- "data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 " +
- "data-[side=left]:slide-in-from-right-2 " +
- "data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
- className
+ 'z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 ' +
+ 'text-popover-foreground shadow-md data-[state=open]:animate-in ' +
+ 'data-[state=closed]:animate-out data-[state=closed]:fade-out-0 ' +
+ 'data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 ' +
+ 'data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 ' +
+ 'data-[side=left]:slide-in-from-right-2 ' +
+ 'data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',
+ className,
)}
{...props}
/>
-))
-DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName
+));
+DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
const DropdownMenuItem = React.forwardRef<
React.ElementRef,
React.ComponentPropsWithoutRef & {
- inset?: boolean
+ inset?: boolean;
}
>(({ className, inset, ...props }, ref) => (
,
@@ -108,25 +108,25 @@ const DropdownMenuCheckboxItem = React.forwardRef<
-
+
-
{children}
-))
+));
DropdownMenuCheckboxItem.displayName =
- DropdownMenuPrimitive.CheckboxItem.displayName
+ DropdownMenuPrimitive.CheckboxItem.displayName;
const DropdownMenuRadioItem = React.forwardRef<
React.ElementRef,
@@ -135,41 +135,41 @@ const DropdownMenuRadioItem = React.forwardRef<
-
+
-
{children}
-))
-DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName
+));
+DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
const DropdownMenuLabel = React.forwardRef<
React.ElementRef,
React.ComponentPropsWithoutRef & {
- inset?: boolean
+ inset?: boolean;
}
>(({ className, inset, ...props }, ref) => (
,
@@ -177,11 +177,11 @@ const DropdownMenuSeparator = React.forwardRef<
>(({ className, ...props }, ref) => (
) => {
return (
= FieldPath
+ TName extends FieldPath = FieldPath,
> = {
- name: TName
-}
+ name: TName;
+};
const FormFieldContext = React.createContext(
- {} as FormFieldContextValue
-)
+ {} as FormFieldContextValue,
+);
const FormField = <
TFieldValues extends FieldValues = FieldValues,
- TName extends FieldPath = FieldPath
+ TName extends FieldPath = FieldPath,
>({
...props
}: ControllerProps) => {
@@ -38,21 +30,21 @@ const FormField = <
- )
-}
+ );
+};
const useFormField = () => {
- const fieldContext = React.useContext(FormFieldContext)
- const itemContext = React.useContext(FormItemContext)
- const { getFieldState, formState } = useFormContext()
+ const fieldContext = React.useContext(FormFieldContext);
+ const itemContext = React.useContext(FormItemContext);
+ const { getFieldState, formState } = useFormContext();
- const fieldState = getFieldState(fieldContext.name, formState)
+ const fieldState = getFieldState(fieldContext.name, formState);
if (!fieldContext) {
- throw new Error("useFormField should be used within ")
+ throw new Error('useFormField should be used within ');
}
- const { id } = itemContext
+ const { id } = itemContext;
return {
id,
@@ -61,53 +53,54 @@ const useFormField = () => {
formDescriptionId: `${id}-form-item-description`,
formMessageId: `${id}-form-item-message`,
...fieldState,
- }
-}
+ };
+};
type FormItemContextValue = {
- id: string
-}
+ id: string;
+};
const FormItemContext = React.createContext(
- {} as FormItemContextValue
-)
+ {} as FormItemContextValue,
+);
const FormItem = React.forwardRef<
HTMLDivElement,
React.HTMLAttributes
>(({ className, ...props }, ref) => {
- const id = React.useId()
+ const id = React.useId();
return (
-
+
- )
-})
-FormItem.displayName = "FormItem"
+ );
+});
+FormItem.displayName = 'FormItem';
const FormLabel = React.forwardRef<
React.ElementRef,
React.ComponentPropsWithoutRef
>(({ className, ...props }, ref) => {
- const { error, formItemId } = useFormField()
+ const { error, formItemId } = useFormField();
return (
,
React.ComponentPropsWithoutRef
>(({ ...props }, ref) => {
- const { error, formItemId, formDescriptionId, formMessageId } = useFormField()
+ const { error, formItemId, formDescriptionId, formMessageId } =
+ useFormField();
return (
>(({ className, ...props }, ref) => {
- const { formDescriptionId } = useFormField()
+ const { formDescriptionId } = useFormField();
return (
- )
-})
-FormDescription.displayName = "FormDescription"
+ );
+});
+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
+ const { error, formMessageId } = useFormField();
+ const body = error ? String(error?.message) : children;
if (!body) {
- return null
+ return null;
}
return (
{body}
- )
-})
-FormMessage.displayName = "FormMessage"
+ );
+});
+FormMessage.displayName = 'FormMessage';
export {
useFormField,
@@ -175,4 +168,4 @@ export {
FormDescription,
FormMessage,
FormField,
-}
+};
diff --git a/src/components/ui/shadcn/input.tsx b/src/components/ui/shadcn/input.tsx
index b8922b6..9cfec5a 100755
--- a/src/components/ui/shadcn/input.tsx
+++ b/src/components/ui/shadcn/input.tsx
@@ -1,5 +1,5 @@
-import * as React from "react"
-import { cn } from "~/lib/utils"
+import * as React from 'react';
+import { cn } from '~/lib/utils';
export interface InputProps
extends React.InputHTMLAttributes {}
@@ -10,18 +10,18 @@ const Input = React.forwardRef(
,
@@ -21,7 +21,7 @@ const Label = React.forwardRef<
className={cn(labelVariants(), className)}
{...props}
/>
-))
-Label.displayName = LabelPrimitive.Root.displayName
+));
+Label.displayName = LabelPrimitive.Root.displayName;
-export { Label }
+export { Label };
diff --git a/src/components/ui/shadcn/pagination.tsx b/src/components/ui/shadcn/pagination.tsx
index aa86b4e..0f5b8d1 100755
--- a/src/components/ui/shadcn/pagination.tsx
+++ b/src/components/ui/shadcn/pagination.tsx
@@ -1,111 +1,111 @@
-import * as React from "react"
-import { ChevronLeft, ChevronRight, MoreHorizontal } from "lucide-react"
+import * as React from 'react';
+import { ChevronLeft, ChevronRight, MoreHorizontal } from 'lucide-react';
-import { cn } from "~/lib/utils"
-import { buttonVariants } from "~/components/ui/shadcn/button"
-import type { ButtonProps } from "~/components/ui/shadcn/button"
+import { cn } from '~/lib/utils';
+import { buttonVariants } from '~/components/ui/shadcn/button';
+import type { ButtonProps } from '~/components/ui/shadcn/button';
-const Pagination = ({ className, ...props }: React.ComponentProps<"nav">) => (
+const Pagination = ({ className, ...props }: React.ComponentProps<'nav'>) => (
&
- React.ComponentProps<"a">
+ isActive?: boolean;
+} & Pick &
+ React.ComponentProps<'a'>;
const PaginationLink = ({
className,
isActive,
- size = "icon",
+ size = 'icon',
...props
}: PaginationLinkProps) => (
) => (
- Previous
-)
-PaginationPrevious.displayName = "PaginationPrevious"
+);
+PaginationPrevious.displayName = 'PaginationPrevious';
const PaginationNext = ({
className,
...props
}: React.ComponentProps) => (
Next
-
-)
-PaginationNext.displayName = "PaginationNext"
+);
+PaginationNext.displayName = 'PaginationNext';
const PaginationEllipsis = ({
className,
...props
-}: React.ComponentProps<"span">) => (
+}: React.ComponentProps<'span'>) => (
- More pages
+ More pages
-)
-PaginationEllipsis.displayName = "PaginationEllipsis"
+);
+PaginationEllipsis.displayName = 'PaginationEllipsis';
export {
Pagination,
@@ -115,4 +115,4 @@ export {
PaginationLink,
PaginationNext,
PaginationPrevious,
-}
+};
diff --git a/src/components/ui/shadcn/popover.tsx b/src/components/ui/shadcn/popover.tsx
index 9ca64ce..b267fd4 100755
--- a/src/components/ui/shadcn/popover.tsx
+++ b/src/components/ui/shadcn/popover.tsx
@@ -1,36 +1,36 @@
-"use client"
+'use client';
-import * as React from "react"
-import * as PopoverPrimitive from "@radix-ui/react-popover"
+import * as React from 'react';
+import * as PopoverPrimitive from '@radix-ui/react-popover';
-import { cn } from "~/lib/utils"
+import { cn } from '~/lib/utils';
-const Popover = PopoverPrimitive.Root
+const Popover = PopoverPrimitive.Root;
-const PopoverTrigger = PopoverPrimitive.Trigger
+const PopoverTrigger = PopoverPrimitive.Trigger;
const PopoverContent = React.forwardRef<
React.ElementRef,
React.ComponentPropsWithoutRef
->(({ className, align = "center", sideOffset = 4, ...props }, ref) => (
+>(({ className, align = 'center', sideOffset = 4, ...props }, ref) => (
-))
-PopoverContent.displayName = PopoverPrimitive.Content.displayName
+));
+PopoverContent.displayName = PopoverPrimitive.Content.displayName;
-export { Popover, PopoverTrigger, PopoverContent }
+export { Popover, PopoverTrigger, PopoverContent };
diff --git a/src/components/ui/shadcn/progress.tsx b/src/components/ui/shadcn/progress.tsx
index 7ec7a07..2015111 100755
--- a/src/components/ui/shadcn/progress.tsx
+++ b/src/components/ui/shadcn/progress.tsx
@@ -1,9 +1,9 @@
-"use client"
+'use client';
-import * as React from "react"
-import * as ProgressPrimitive from "@radix-ui/react-progress"
+import * as React from 'react';
+import * as ProgressPrimitive from '@radix-ui/react-progress';
-import { cn } from "~/lib/utils"
+import { cn } from '~/lib/utils';
const Progress = React.forwardRef<
React.ElementRef,
@@ -12,17 +12,17 @@ const Progress = React.forwardRef<
-))
-Progress.displayName = ProgressPrimitive.Root.displayName
+));
+Progress.displayName = ProgressPrimitive.Root.displayName;
-export { Progress }
+export { Progress };
diff --git a/src/components/ui/shadcn/radio-group.tsx b/src/components/ui/shadcn/radio-group.tsx
index 47e8a88..6ae21d9 100755
--- a/src/components/ui/shadcn/radio-group.tsx
+++ b/src/components/ui/shadcn/radio-group.tsx
@@ -1,8 +1,8 @@
-"use client"
-import * as React from "react"
-import * as RadioGroupPrimitive from "@radix-ui/react-radio-group"
-import { Circle } from "lucide-react"
-import { cn } from "~/lib/utils"
+'use client';
+import * as React from 'react';
+import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
+import { Circle } from 'lucide-react';
+import { cn } from '~/lib/utils';
const RadioGroup = React.forwardRef<
React.ElementRef,
@@ -10,13 +10,13 @@ const RadioGroup = React.forwardRef<
>(({ className, ...props }, ref) => {
return (
,
@@ -26,20 +26,20 @@ const RadioGroupItem = React.forwardRef<
-
-
+
- )
-})
-RadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName
+ );
+});
+RadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName;
-export { RadioGroup, RadioGroupItem }
+export { RadioGroup, RadioGroupItem };
diff --git a/src/components/ui/shadcn/scroll-area.tsx b/src/components/ui/shadcn/scroll-area.tsx
index f66ab4f..ae6fd55 100755
--- a/src/components/ui/shadcn/scroll-area.tsx
+++ b/src/components/ui/shadcn/scroll-area.tsx
@@ -1,9 +1,9 @@
-"use client"
+'use client';
-import * as React from "react"
-import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area"
+import * as React from 'react';
+import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
-import { cn } from "~/lib/utils"
+import { cn } from '~/lib/utils';
const ScrollArea = React.forwardRef<
React.ElementRef,
@@ -11,38 +11,38 @@ const ScrollArea = React.forwardRef<
>(({ className, children, ...props }, ref) => (
-
+
{children}
-))
-ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName
+));
+ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
const ScrollBar = React.forwardRef<
React.ElementRef,
React.ComponentPropsWithoutRef
->(({ className, orientation = "vertical", ...props }, ref) => (
+>(({ className, orientation = 'vertical', ...props }, ref) => (
-
-))
-ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName
+));
+ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
-export { ScrollArea, ScrollBar }
+export { ScrollArea, ScrollBar };
diff --git a/src/components/ui/shadcn/select.tsx b/src/components/ui/shadcn/select.tsx
index a56fa49..21ce941 100755
--- a/src/components/ui/shadcn/select.tsx
+++ b/src/components/ui/shadcn/select.tsx
@@ -1,12 +1,12 @@
-"use client"
-import * as React from "react"
-import * as SelectPrimitive from "@radix-ui/react-select"
-import { Check, ChevronDown, ChevronUp } from "lucide-react"
-import { cn } from "~/lib/utils"
+'use client';
+import * as React from 'react';
+import * as SelectPrimitive from '@radix-ui/react-select';
+import { Check, ChevronDown, ChevronUp } from 'lucide-react';
+import { cn } from '~/lib/utils';
-const Select = SelectPrimitive.Root
-const SelectGroup = SelectPrimitive.Group
-const SelectValue = SelectPrimitive.Value
+const Select = SelectPrimitive.Root;
+const SelectGroup = SelectPrimitive.Group;
+const SelectValue = SelectPrimitive.Value;
const SelectTrigger = React.forwardRef<
React.ElementRef,
@@ -15,22 +15,22 @@ const SelectTrigger = React.forwardRef<
span]:line-clamp-1",
- className
+ 'flex h-10 w-full items-center justify-between rounded-md border ' +
+ 'border-input bg-background px-3 py-2 text-sm ring-offset-background ' +
+ 'placeholder:text-muted-foreground focus:outline-none focus:ring-2 ' +
+ 'focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed ' +
+ 'disabled:opacity-50 [&>span]:line-clamp-1',
+ className,
)}
{...props}
>
{children}
-
-))
-SelectTrigger.displayName = SelectPrimitive.Trigger.displayName
+));
+SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
const SelectScrollUpButton = React.forwardRef<
React.ElementRef,
@@ -39,15 +39,15 @@ const SelectScrollUpButton = React.forwardRef<
-
-))
-SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName
+));
+SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
const SelectScrollDownButton = React.forwardRef<
React.ElementRef,
@@ -56,36 +56,36 @@ const SelectScrollDownButton = React.forwardRef<
-
-))
+));
SelectScrollDownButton.displayName =
- SelectPrimitive.ScrollDownButton.displayName
+ SelectPrimitive.ScrollDownButton.displayName;
const SelectContent = React.forwardRef<
React.ElementRef,
React.ComponentPropsWithoutRef
->(({ className, children, position = "popper", ...props }, ref) => (
+>(({ className, children, position = 'popper', ...props }, ref) => (
{children}
@@ -104,8 +104,8 @@ const SelectContent = React.forwardRef<
-))
-SelectContent.displayName = SelectPrimitive.Content.displayName
+));
+SelectContent.displayName = SelectPrimitive.Content.displayName;
const SelectLabel = React.forwardRef<
React.ElementRef,
@@ -113,11 +113,11 @@ const SelectLabel = React.forwardRef<
>(({ className, ...props }, ref) => (
,
@@ -126,24 +126,24 @@ const SelectItem = React.forwardRef<
-
+
-
{children}
-))
-SelectItem.displayName = SelectPrimitive.Item.displayName
+));
+SelectItem.displayName = SelectPrimitive.Item.displayName;
const SelectSeparator = React.forwardRef<
React.ElementRef,
@@ -151,11 +151,11 @@ const SelectSeparator = React.forwardRef<
>(({ className, ...props }, ref) => (
,
@@ -11,26 +11,26 @@ const Switch = React.forwardRef<
>(({ className, ...props }, ref) => (
-))
-Switch.displayName = SwitchPrimitives.Root.displayName
+));
+Switch.displayName = SwitchPrimitives.Root.displayName;
-export { Switch }
+export { Switch };
diff --git a/src/components/ui/shadcn/table.tsx b/src/components/ui/shadcn/table.tsx
index 39a458c..75bc793 100755
--- a/src/components/ui/shadcn/table.tsx
+++ b/src/components/ui/shadcn/table.tsx
@@ -1,28 +1,28 @@
-import * as React from "react"
+import * as React from 'react';
-import { cn } from "~/lib/utils"
+import { cn } from '~/lib/utils';
const Table = React.forwardRef<
HTMLTableElement,
React.HTMLAttributes
>(({ className, ...props }, ref) => (
-
+
-))
-Table.displayName = "Table"
+));
+Table.displayName = 'Table';
const TableHeader = React.forwardRef<
HTMLTableSectionElement,
React.HTMLAttributes
>(({ className, ...props }, ref) => (
- tr]:last:border-b-0",
- className
+ 'border-t bg-muted/50 font-medium [&>tr]:last:border-b-0',
+ className,
)}
{...props}
/>
-))
-TableFooter.displayName = "TableFooter"
+));
+TableFooter.displayName = 'TableFooter';
const TableRow = React.forwardRef<
HTMLTableRowElement,
@@ -58,13 +58,13 @@ const TableRow = React.forwardRef<
+type ToasterProps = React.ComponentProps;
const Toaster = ({ ...props }: ToasterProps) => {
- const { theme = "system" } = useTheme()
+ const { theme = 'system' } = useTheme();
return (
>({
- size: "default",
- variant: "default",
-})
+ size: 'default',
+ variant: 'default',
+});
const ToggleGroup = React.forwardRef<
React.ElementRef,
@@ -19,23 +19,23 @@ const ToggleGroup = React.forwardRef<
>(({ className, variant, size, children, ...props }, ref) => (
{children}
-))
+));
-ToggleGroup.displayName = ToggleGroupPrimitive.Root.displayName
+ToggleGroup.displayName = ToggleGroupPrimitive.Root.displayName;
const ToggleGroupItem = React.forwardRef<
React.ElementRef,
React.ComponentPropsWithoutRef &
VariantProps
>(({ className, children, variant, size, ...props }, ref) => {
- const context = React.useContext(ToggleGroupContext)
+ const context = React.useContext(ToggleGroupContext);
return (
{children}
- )
-})
+ );
+});
-ToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName
+ToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName;
-export { ToggleGroup, ToggleGroupItem }
+export { ToggleGroup, ToggleGroupItem };
diff --git a/src/components/ui/shadcn/toggle.tsx b/src/components/ui/shadcn/toggle.tsx
index 5bcc0b0..bdb7f35 100755
--- a/src/components/ui/shadcn/toggle.tsx
+++ b/src/components/ui/shadcn/toggle.tsx
@@ -1,35 +1,35 @@
-"use client"
-import * as React from "react"
-import * as TogglePrimitive from "@radix-ui/react-toggle"
-import { cva, type VariantProps } from "class-variance-authority"
-import { cn } from "~/lib/utils"
+'use client';
+import * as React from 'react';
+import * as TogglePrimitive from '@radix-ui/react-toggle';
+import { cva, type VariantProps } from 'class-variance-authority';
+import { cn } from '~/lib/utils';
const toggleVariants = cva(
- "inline-flex items-center justify-center rounded-md text-sm font-medium " +
- "ring-offset-background transition-colors hover:bg-muted " +
- "hover:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 " +
- "focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none " +
- "disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground",
+ 'inline-flex items-center justify-center rounded-md text-sm font-medium ' +
+ 'ring-offset-background transition-colors hover:bg-muted ' +
+ 'hover:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 ' +
+ 'focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none ' +
+ 'disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground',
{
variants: {
variant: {
- default: "bg-transparent",
+ default: 'bg-transparent',
outline:
- "border border-input bg-transparent hover:bg-accent " +
- "hover:text-accent-foreground",
+ 'border border-input bg-transparent hover:bg-accent ' +
+ 'hover:text-accent-foreground',
},
size: {
- default: "h-10 px-3",
- sm: "h-9 px-2.5",
- lg: "h-11 px-5",
+ default: 'h-10 px-3',
+ sm: 'h-9 px-2.5',
+ lg: 'h-11 px-5',
},
},
defaultVariants: {
- variant: "default",
- size: "default",
+ variant: 'default',
+ size: 'default',
},
- }
-)
+ },
+);
const Toggle = React.forwardRef<
React.ElementRef,
@@ -41,8 +41,8 @@ const Toggle = React.forwardRef<
className={cn(toggleVariants({ variant, size, className }))}
{...props}
/>
-))
+));
-Toggle.displayName = TogglePrimitive.Root.displayName
+Toggle.displayName = TogglePrimitive.Root.displayName;
-export { Toggle, toggleVariants }
+export { Toggle, toggleVariants };
diff --git a/src/components/ui/shadcn/tooltip.tsx b/src/components/ui/shadcn/tooltip.tsx
index 8f8a013..97a7de2 100755
--- a/src/components/ui/shadcn/tooltip.tsx
+++ b/src/components/ui/shadcn/tooltip.tsx
@@ -1,11 +1,11 @@
-"use client"
-import * as React from "react"
-import * as TooltipPrimitive from "@radix-ui/react-tooltip"
-import { cn } from "~/lib/utils"
+'use client';
+import * as React from 'react';
+import * as TooltipPrimitive from '@radix-ui/react-tooltip';
+import { cn } from '~/lib/utils';
-const TooltipProvider = TooltipPrimitive.Provider
-const Tooltip = TooltipPrimitive.Root
-const TooltipTrigger = TooltipPrimitive.Trigger
+const TooltipProvider = TooltipPrimitive.Provider;
+const Tooltip = TooltipPrimitive.Root;
+const TooltipTrigger = TooltipPrimitive.Trigger;
const TooltipContent = React.forwardRef<
React.ElementRef,
@@ -15,16 +15,16 @@ const TooltipContent = React.forwardRef<
ref={ref}
sideOffset={sideOffset}
className={cn(
- "z-50 overflow-hidden rounded-md border bg-popover px-3 py-1.5 " +
- "text-sm text-popover-foreground shadow-md animate-in fade-in-0 zoom-in-95 " +
- "data-[state=closed]:animate-out data-[state=closed]:fade-out-0 " +
- "data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 " +
- "data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 " +
- "data-[side=top]:slide-in-from-bottom-2",
- className
+ 'z-50 overflow-hidden rounded-md border bg-popover px-3 py-1.5 ' +
+ 'text-sm text-popover-foreground shadow-md animate-in fade-in-0 zoom-in-95 ' +
+ 'data-[state=closed]:animate-out data-[state=closed]:fade-out-0 ' +
+ 'data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 ' +
+ 'data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 ' +
+ 'data-[side=top]:slide-in-from-bottom-2',
+ className,
)}
{...props}
/>
-))
-TooltipContent.displayName = TooltipPrimitive.Content.displayName
-export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider }
+));
+TooltipContent.displayName = TooltipPrimitive.Content.displayName;
+export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };
diff --git a/src/env.js b/src/env.js
index 5093f8f..aa8404d 100755
--- a/src/env.js
+++ b/src/env.js
@@ -1,5 +1,5 @@
-import { createEnv } from "@t3-oss/env-nextjs";
-import { z } from "zod";
+import { createEnv } from '@t3-oss/env-nextjs';
+import { z } from 'zod';
export const env = createEnv({
/**
@@ -9,8 +9,8 @@ export const env = createEnv({
server: {
DATABASE_URL: z.string().url(),
NODE_ENV: z
- .enum(["development", "test", "production"])
- .default("development"),
+ .enum(['development', 'test', 'production'])
+ .default('development'),
API_KEY: z.string(),
AUTH_TRUST_HOST: z.boolean().default(false),
AUTH_SECRET: z.string(),
@@ -43,7 +43,8 @@ export const env = createEnv({
AUTH_SECRET: process.env.AUTH_SECRET,
AUTH_MICROSOFT_ENTRA_ID_ID: process.env.AUTH_MICROSOFT_ENTRA_ID_ID,
AUTH_MICROSOFT_ENTRA_ID_SECRET: process.env.AUTH_MICROSOFT_ENTRA_ID_SECRET,
- AUTH_MICROSOFT_ENTRA_ID_TENANT_ID: process.env.AUTH_MICROSOFT_ENTRA_ID_TENANT_ID,
+ AUTH_MICROSOFT_ENTRA_ID_TENANT_ID:
+ process.env.AUTH_MICROSOFT_ENTRA_ID_TENANT_ID,
AUTH_AUTHENTIK_CLIENT_ID: process.env.AUTH_AUTHENTIK_CLIENT_ID,
AUTH_AUTHENTIK_CLIENT_SECRET: process.env.AUTH_AUTHENTIK_CLIENT_SECRET,
AUTH_AUTHENTIK_ISSUER: process.env.AUTH_AUTHENTIK_ISSUER,
diff --git a/src/lib/utils.ts b/src/lib/utils.ts
index d084cca..9ad0df4 100755
--- a/src/lib/utils.ts
+++ b/src/lib/utils.ts
@@ -1,6 +1,6 @@
-import { type ClassValue, clsx } from "clsx"
-import { twMerge } from "tailwind-merge"
+import { type ClassValue, clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
export function cn(...inputs: ClassValue[]) {
- return twMerge(clsx(inputs))
+ return twMerge(clsx(inputs));
}
diff --git a/src/middleware.ts b/src/middleware.ts
index 8cffe81..ca51e31 100755
--- a/src/middleware.ts
+++ b/src/middleware.ts
@@ -1 +1 @@
-export { auth as middleware } from "~/auth"
+export { auth as middleware } from '~/auth';
diff --git a/src/server/db/index.ts b/src/server/db/index.ts
index 3542b7b..e1a6981 100755
--- a/src/server/db/index.ts
+++ b/src/server/db/index.ts
@@ -1,8 +1,8 @@
-import { drizzle } from "drizzle-orm/mysql2";
-import { createPool, type Pool } from "mysql2/promise";
+import { drizzle } from 'drizzle-orm/mysql2';
+import { createPool, type Pool } from 'mysql2/promise';
-import { env } from "~/env";
-import * as schema from "./schema";
+import { env } from '~/env';
+import * as schema from './schema';
/**
* Cache the database connection in development. This avoids creating a new connection on every HMR
@@ -13,6 +13,6 @@ const globalForDb = globalThis as unknown as {
};
const conn = globalForDb.conn ?? createPool({ uri: env.DATABASE_URL });
-if (env.NODE_ENV !== "production") globalForDb.conn = conn;
+if (env.NODE_ENV !== 'production') globalForDb.conn = conn;
-export const db = drizzle(conn, { schema, mode: "default" });
+export const db = drizzle(conn, { schema, mode: 'default' });
diff --git a/src/server/db/schema.ts b/src/server/db/schema.ts
index 7fcad48..f0aad64 100755
--- a/src/server/db/schema.ts
+++ b/src/server/db/schema.ts
@@ -1,32 +1,26 @@
// https://orm.drizzle.team/docs/sql-schema-declaration
-import { sql } from "drizzle-orm";
+import { sql } from 'drizzle-orm';
import {
bigint,
mysqlTableCreator,
timestamp,
varchar,
-} from "drizzle-orm/mysql-core";
+} from 'drizzle-orm/mysql-core';
export const createTable = mysqlTableCreator((name) => `${name}`);
-export const users = createTable(
- "users",
- {
- id: bigint("id", {mode: "number"}).primaryKey().autoincrement(),
- name: varchar("name", { length: 256 }).notNull(),
- status: varchar("status", { length: 256 }).notNull(),
- updatedAt: timestamp("updatedAt")
- .default(sql`CURRENT_TIMESTAMP`)
- .notNull(),
- },
-);
+export const users = createTable('users', {
+ id: bigint('id', { mode: 'number' }).primaryKey().autoincrement(),
+ name: varchar('name', { length: 256 }).notNull(),
+ status: varchar('status', { length: 256 }).notNull(),
+ updatedAt: timestamp('updatedAt')
+ .default(sql`CURRENT_TIMESTAMP`)
+ .notNull(),
+});
-export const history = createTable(
- "history",
- {
- id: bigint("id", {mode: "number"}).primaryKey().autoincrement(),
- user_id: bigint("user_id", {mode: "number"}).references(() => users.id),
- status: varchar("status", { length: 256 }).notNull(),
- updatedAt: timestamp("updatedAt").notNull(),
- },
-);
+export const history = createTable('history', {
+ id: bigint('id', { mode: 'number' }).primaryKey().autoincrement(),
+ user_id: bigint('user_id', { mode: 'number' }).references(() => users.id),
+ status: varchar('status', { length: 256 }).notNull(),
+ updatedAt: timestamp('updatedAt').notNull(),
+});
diff --git a/src/server/functions.ts b/src/server/functions.ts
index c64f960..fb16d1c 100755
--- a/src/server/functions.ts
+++ b/src/server/functions.ts
@@ -1,6 +1,6 @@
-import "server-only";
-import { db } from "~/server/db";
-import { sql } from "drizzle-orm";
+import 'server-only';
+import { db } from '~/server/db';
+import { sql } from 'drizzle-orm';
export const getEmployees = async () => {
return await db.query.users.findMany({
@@ -10,15 +10,17 @@ export const getEmployees = async () => {
// Update Employee Status uses Raw SQL because Drizzle ORM doesn't support
// update with MySQL
-export const updateEmployeeStatus =
- async (employeeIds: string[], newStatus: string) => {
+export const updateEmployeeStatus = async (
+ employeeIds: string[],
+ newStatus: string,
+) => {
try {
// Convert array of ids to a format suitable for SQL query (comma-separated string)
- const idList = employeeIds.map(id => parseInt(id, 10));
+ const idList = employeeIds.map((id) => parseInt(id, 10));
let updatedAt = new Date();
// Not sure why but localhost is off by 5 hours
if (process.env.NODE_ENV === 'development')
- updatedAt = new Date(updatedAt.setHours(updatedAt.getUTCHours())+ 5);
+ updatedAt = new Date(updatedAt.setHours(updatedAt.getUTCHours()) + 5);
const query = sql`
UPDATE users
SET status = ${newStatus}, updatedAt = ${updatedAt}
@@ -27,14 +29,15 @@ export const updateEmployeeStatus =
await db.execute(query);
return { success: true };
} catch (error) {
- console.error("Error updating employee status:", error);
- throw new Error("Failed to update status");
+ console.error('Error updating employee status:', error);
+ throw new Error('Failed to update status');
}
};
// Function to Update Employee Status by Name using Raw SQL
-export const updateEmployeeStatusByName =
- async (technicians:{ name: string, status: string }[]) => {
+export const updateEmployeeStatusByName = async (
+ technicians: { name: string; status: string }[],
+) => {
try {
for (const technician of technicians) {
const { name, status } = technician;
@@ -47,8 +50,8 @@ export const updateEmployeeStatusByName =
}
return { success: true };
} catch (error) {
- console.error("Error updating employee status by name:", error);
- throw new Error("Failed to update status by name");
+ console.error('Error updating employee status by name:', error);
+ throw new Error('Failed to update status by name');
}
};
@@ -57,7 +60,7 @@ type HistoryEntry = {
name: string;
status: string;
updatedAt: Date;
-}
+};
type PaginatedHistory = {
data: HistoryEntry[];
meta: {
@@ -65,10 +68,14 @@ type PaginatedHistory = {
per_page: number;
total_pages: number;
total_count: number;
- }
-}
+ };
+};
-export const get_history = async (user_id: number, page: number, perPage: number): Promise => {
+export const get_history = async (
+ user_id: number,
+ page: number,
+ perPage: number,
+): Promise => {
const offset = (page - 1) * perPage;
let historyQuery = sql`
SELECT u.name, h.status, h.updatedAt
@@ -95,27 +102,32 @@ export const get_history = async (user_id: number, page: number, perPage: number
SELECT COUNT(*) AS total_count
FROM history
`;
- }
+ }
const [historyresults, countresults] = await Promise.all([
- db.execute(historyQuery),
+ db.execute(historyQuery),
db.execute(countQuery),
]);
// Safely cast results
- const historyrows = historyresults[0] as unknown as
- { name: string, status: string, updatedAt: Date }[];
+ const historyrows = historyresults[0] as unknown as {
+ name: string;
+ status: string;
+ updatedAt: Date;
+ }[];
const countrow = countresults[0] as unknown as { total_count: number }[];
const totalCount = countrow[0]?.total_count ?? 0;
const totalPages = Math.ceil(totalCount / perPage);
// Format and map results
- let formattedResults: HistoryEntry[] = historyrows.map(row => ({
+ let formattedResults: HistoryEntry[] = historyrows.map((row) => ({
name: row.name,
status: row.status,
updatedAt: new Date(row.updatedAt),
}));
if (process.env.NODE_ENV === 'development') {
- formattedResults = formattedResults.map(entry => ({
+ formattedResults = formattedResults.map((entry) => ({
...entry,
- updatedAt: new Date(entry.updatedAt.setHours(entry.updatedAt.getUTCHours()+14)),
+ updatedAt: new Date(
+ entry.updatedAt.setHours(entry.updatedAt.getUTCHours() + 14),
+ ),
}));
}
return {
@@ -125,6 +137,6 @@ export const get_history = async (user_id: number, page: number, perPage: number
per_page: perPage,
total_pages: totalPages,
total_count: totalCount,
- }
+ },
};
};
diff --git a/tailwind.config.ts b/tailwind.config.ts
index 26e427b..70bf321 100755
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@@ -1,84 +1,84 @@
-import type { Config } from "tailwindcss"
-import { fontFamily } from "tailwindcss/defaultTheme"
+import type { Config } from 'tailwindcss';
+import { fontFamily } from 'tailwindcss/defaultTheme';
const config = {
- darkMode: ["class"],
+ darkMode: ['class'],
content: [
'./pages/**/*.{ts,tsx}',
'./components/**/*.{ts,tsx}',
'./app/**/*.{ts,tsx}',
'./src/**/*.{ts,tsx}',
- ],
- prefix: "",
+ ],
+ prefix: '',
theme: {
container: {
center: true,
- padding: "2rem",
+ padding: '2rem',
screens: {
- "2xl": "1400px",
+ '2xl': '1400px',
},
},
extend: {
fontFamily: {
- sans: ["var(--font-sans)", ...fontFamily.sans],
+ sans: ['var(--font-sans)', ...fontFamily.sans],
},
colors: {
- border: "hsl(var(--border))",
- input: "hsl(var(--input))",
- ring: "hsl(var(--ring))",
- background: "hsl(var(--background))",
- foreground: "hsl(var(--foreground))",
+ border: 'hsl(var(--border))',
+ input: 'hsl(var(--input))',
+ ring: 'hsl(var(--ring))',
+ background: 'hsl(var(--background))',
+ foreground: 'hsl(var(--foreground))',
primary: {
- DEFAULT: "hsl(var(--primary))",
- foreground: "hsl(var(--primary-foreground))",
+ DEFAULT: 'hsl(var(--primary))',
+ foreground: 'hsl(var(--primary-foreground))',
},
secondary: {
- DEFAULT: "hsl(var(--secondary))",
- foreground: "hsl(var(--secondary-foreground))",
+ DEFAULT: 'hsl(var(--secondary))',
+ foreground: 'hsl(var(--secondary-foreground))',
},
destructive: {
- DEFAULT: "hsl(var(--destructive))",
- foreground: "hsl(var(--destructive-foreground))",
+ DEFAULT: 'hsl(var(--destructive))',
+ foreground: 'hsl(var(--destructive-foreground))',
},
muted: {
- DEFAULT: "hsl(var(--muted))",
- foreground: "hsl(var(--muted-foreground))",
+ DEFAULT: 'hsl(var(--muted))',
+ foreground: 'hsl(var(--muted-foreground))',
},
accent: {
- DEFAULT: "hsl(var(--accent))",
- foreground: "hsl(var(--accent-foreground))",
+ DEFAULT: 'hsl(var(--accent))',
+ foreground: 'hsl(var(--accent-foreground))',
},
popover: {
- DEFAULT: "hsl(var(--popover))",
- foreground: "hsl(var(--popover-foreground))",
+ DEFAULT: 'hsl(var(--popover))',
+ foreground: 'hsl(var(--popover-foreground))',
},
card: {
- DEFAULT: "hsl(var(--card))",
- foreground: "hsl(var(--card-foreground))",
+ DEFAULT: 'hsl(var(--card))',
+ foreground: 'hsl(var(--card-foreground))',
},
},
borderRadius: {
- lg: "var(--radius)",
- md: "calc(var(--radius) - 2px)",
- sm: "calc(var(--radius) - 4px)",
+ lg: 'var(--radius)',
+ md: 'calc(var(--radius) - 2px)',
+ sm: 'calc(var(--radius) - 4px)',
},
keyframes: {
- "accordion-down": {
- from: { height: "0" },
- to: { height: "var(--radix-accordion-content-height)" },
+ 'accordion-down': {
+ from: { height: '0' },
+ to: { height: 'var(--radix-accordion-content-height)' },
},
- "accordion-up": {
- from: { height: "var(--radix-accordion-content-height)" },
- to: { height: "0" },
+ 'accordion-up': {
+ from: { height: 'var(--radix-accordion-content-height)' },
+ to: { height: '0' },
},
},
animation: {
- "accordion-down": "accordion-down 0.2s ease-out",
- "accordion-up": "accordion-up 0.2s ease-out",
+ 'accordion-down': 'accordion-down 0.2s ease-out',
+ 'accordion-up': 'accordion-up 0.2s ease-out',
},
},
},
- plugins: [require("tailwindcss-animate")],
-} satisfies Config
+ plugins: [require('tailwindcss-animate')],
+} satisfies Config;
-export default config
+export default config;