Update tailwindcss classnames

pulgueta · Feb 9, 2024 · 29fde35 · 29fde35
1 parent f8cdbbe
commit 29fde35
Show file tree

Hide file tree

Showing 20 changed files with 35 additions and 35 deletions.
diff --git a/app/(dashboard)/dashboard/[fileId]/page.tsx b/app/(dashboard)/dashboard/[fileId]/page.tsx
@@ -33,7 +33,7 @@ const ChatPage: NextPage<ChatParams> = async ({ params }) => {
 			<ResizablePanel className='flex-1'>
 				<iframe
 					src={`https://docs.google.com/gview?url=${file.url}&embedded=true`}
-					className='h-full w-full'
+					className='size-full'
 				></iframe>
 			</ResizablePanel>
 			<ResizableHandle withHandle />

diff --git a/app/(dashboard)/dashboard/loading.tsx b/app/(dashboard)/dashboard/loading.tsx
@@ -3,7 +3,7 @@ import { Loader2Icon } from 'lucide-react';
 const Loading = () => {
 	return (
 		<div className='flex min-h-[calc(100dvh-205px)] flex-col items-center justify-center gap-y-2'>
-			<Loader2Icon className='h-6 w-6 animate-spin' />
+			<Loader2Icon className='size-6 animate-spin' />
 		</div>
 	);
 };

diff --git a/app/(dashboard)/dashboard/settings/_components/profile/dropzone.tsx b/app/(dashboard)/dashboard/settings/_components/profile/dropzone.tsx
@@ -27,22 +27,22 @@ export const Dropzone = () => {
 			<>
 				{isSuccess ? (
 					<>
-						<CheckCircle2Icon className='mx-auto h-8 w-8 text-green-400' />
+						<CheckCircle2Icon className='mx-auto size-8 text-green-400' />
 						<p className='mt-2 text-center font-medium'>
 							¡Tu foto de perfil se ha actualizado correctamente!
 						</p>
 					</>
 				) : !isPending ? (
 					<>
-						<UploadCloudIcon className='mx-auto h-8 w-8' />
+						<UploadCloudIcon className='mx-auto size-8' />
 						<p className='my-2 text-center font-medium'>
 							Arrastra aquí tu nueva foto, o haz clic aquí para
 							seleccionarla
 						</p>
 					</>
 				) : (
 					<>
-						<Loader2Icon className='mx-auto h-8 w-8 animate-spin' />
+						<Loader2Icon className='mx-auto size-8 animate-spin' />
 						<p className='my-2 text-center font-medium'>
 							Actualizando tu foto...
 						</p>

diff --git a/app/(dashboard)/loading.tsx b/app/(dashboard)/loading.tsx
@@ -3,7 +3,7 @@ import { Loader2Icon } from 'lucide-react';
 const Loading = () => {
 	return (
 		<div className='flex min-h-[calc(100dvh-205px)] flex-col items-center justify-center gap-y-2'>
-			<Loader2Icon className='h-6 w-6 animate-spin' />
+			<Loader2Icon className='size-6 animate-spin' />
 		</div>
 	);
 };

diff --git a/app/(landing)/loading.tsx b/app/(landing)/loading.tsx
@@ -3,7 +3,7 @@ import { Loader2Icon } from 'lucide-react';
 const Loading = () => {
 	return (
 		<div className='flex min-h-[calc(100dvh-205px)] flex-col items-center justify-center gap-y-4'>
-			<Loader2Icon className='h-6 w-6 animate-spin' />
+			<Loader2Icon className='size-6 animate-spin' />
 		</div>
 	);
 };

diff --git a/app/(landing)/terms-of-service/page.tsx b/app/(landing)/terms-of-service/page.tsx
@@ -30,7 +30,7 @@ const TOS: NextPage = () => {
 						className: 'mb-4',
 					})}
 				>
-					<ArrowLeftCircleIcon className='mr-2 h-4 w-4' /> Volver al
+					<ArrowLeftCircleIcon className='mr-2 size-4' /> Volver al
 					inicio
 				</Link>
 				<h1 className='mb-8 scroll-m-20 text-4xl font-extrabold tracking-tight lg:text-5xl'>

diff --git a/app/loading.tsx b/app/loading.tsx
@@ -4,7 +4,7 @@ const Loading = () => {
 	return (
 		<div className='flex min-h-[calc(100dvh-205px)] flex-col items-center justify-center gap-y-4'>
 			<h2 className='text-center text-2xl font-semibold'>Cargando...</h2>
-			<Loader2Icon className='h-6 w-6 animate-spin' />
+			<Loader2Icon className='size-6 animate-spin' />
 		</div>
 	);
 };

diff --git a/components/client/chat/chat.tsx b/components/client/chat/chat.tsx
@@ -46,7 +46,7 @@ export const Chat = ({ fileId }: { fileId: string }) => {
 					className='sticky inset-x-0 bottom-0 flex w-full items-center'
 				>
 					<Input
-						className='bottom-0 h-full w-full'
+						className='bottom-0 size-full'
 						value={vercel.input}
 						autoFocus
 						onChange={vercel.handleInputChange}
@@ -55,7 +55,7 @@ export const Chat = ({ fileId }: { fileId: string }) => {
 					/>
 					<Button
 						size='icon'
-						className='absolute right-2 h-6 w-6 rounded-sm md:h-7 md:w-7'
+						className='absolute right-2 size-6 rounded-sm md:size-7'
 					>
 						<SendIcon className='size-3 md:size-4' />
 					</Button>

diff --git a/components/client/dialog/pdf/dropzone.tsx b/components/client/dialog/pdf/dropzone.tsx
@@ -32,27 +32,27 @@ export const Dropzone = () => {
 			<>
 				{isSuccess ? (
 					<>
-						<CheckCircle2Icon className='mx-auto h-8 w-8 text-green-400' />
+						<CheckCircle2Icon className='mx-auto size-8 text-green-400' />
 						<p className='mt-2 text-center font-medium'>
 							Se ha procesado tu PDF, redirigiendo...
 						</p>
 					</>
 				) : !isPending ? (
 					<>
-						<UploadCloudIcon className='mx-auto h-8 w-8' />
+						<UploadCloudIcon className='mx-auto size-8' />
 						<p className='my-2 text-center font-medium'>
 							Arrastra aquí tu PDF
 						</p>
 					</>
 				) : (
 					<>
-						<Loader2Icon className='mx-auto h-8 w-8 animate-spin' />
+						<Loader2Icon className='mx-auto size-8 animate-spin' />
 						<p className='my-2 text-center font-medium'>
 							Procesando PDF...
 						</p>
 						{acceptedFiles && acceptedFiles[0] && (
 							<div className='mx-auto flex max-w-sm items-center gap-4 overflow-hidden rounded border p-4'>
-								<FileIcon className='h-6 w-6 text-primary' />
+								<FileIcon className='size-6 text-primary' />
 
 								<span className='truncate text-center text-sm text-muted-foreground'>
 									{acceptedFiles[0].name}

diff --git a/components/server/footer/footer.tsx b/components/server/footer/footer.tsx
@@ -7,7 +7,7 @@ import { buttonVariants } from '~/shadcn/button';
 
 export const Footer = () => {
 	return (
-		<footer className='flex h-full w-full flex-col items-center gap-8 border-t bg-secondary p-8 dark:bg-[#0C0A09] md:flex-row md:justify-between lg:justify-around'>
+		<footer className='flex size-full flex-col items-center gap-8 border-t bg-secondary p-8 dark:bg-[#0C0A09] md:flex-row md:justify-between lg:justify-around'>
 			<Link
 				href='/'
 				aria-label='PDFizado - Inicio'

diff --git a/components/ui/avatar.tsx b/components/ui/avatar.tsx
@@ -12,7 +12,7 @@ const Avatar = React.forwardRef<
 	<AvatarPrimitive.Root
 		ref={ref}
 		className={cn(
-			'relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full',
+			'relative flex size-10 shrink-0 overflow-hidden rounded-full',
 			className
 		)}
 		{...props}
@@ -26,7 +26,7 @@ const AvatarImage = React.forwardRef<
 >(({ className, ...props }, ref) => (
 	<AvatarPrimitive.Image
 		ref={ref}
-		className={cn('aspect-square h-full w-full', className)}
+		className={cn('aspect-square size-full', className)}
 		{...props}
 	/>
 ));
@@ -39,7 +39,7 @@ const AvatarFallback = React.forwardRef<
 	<AvatarPrimitive.Fallback
 		ref={ref}
 		className={cn(
-			'flex h-full w-full items-center justify-center rounded-full bg-muted',
+			'flex size-full items-center justify-center rounded-full bg-muted',
 			className
 		)}
 		{...props}

diff --git a/components/ui/button.tsx b/components/ui/button.tsx
@@ -23,7 +23,7 @@ const buttonVariants = cva(
 				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',
+				icon: 'size-10',
 			},
 		},
 		defaultVariants: {

diff --git a/components/ui/dialog.tsx b/components/ui/dialog.tsx
@@ -45,7 +45,7 @@ const DialogContent = React.forwardRef<
         >
             {children}
             <DialogPrimitive.Close className='absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground'>
-                <X className='h-4 w-4' />
+                <X className='size-4' />
                 <span className='sr-only'>Close</span>
             </DialogPrimitive.Close>
         </DialogPrimitive.Content>

diff --git a/components/ui/dropdown-menu.tsx b/components/ui/dropdown-menu.tsx
@@ -34,7 +34,7 @@ const DropdownMenuSubTrigger = React.forwardRef<
         {...props}
     >
         {children}
-        <ChevronRight className='ml-auto h-4 w-4' />
+        <ChevronRight className='ml-auto size-4' />
     </DropdownMenuPrimitive.SubTrigger>
 ));
 DropdownMenuSubTrigger.displayName =
@@ -105,9 +105,9 @@ const DropdownMenuCheckboxItem = React.forwardRef<
         checked={checked}
         {...props}
     >
-        <span className='absolute left-2 flex h-3.5 w-3.5 items-center justify-center'>
+        <span className='absolute left-2 flex size-3.5 items-center justify-center'>
             <DropdownMenuPrimitive.ItemIndicator>
-                <Check className='h-4 w-4' />
+                <Check className='size-4' />
             </DropdownMenuPrimitive.ItemIndicator>
         </span>
         {children}
@@ -128,7 +128,7 @@ const DropdownMenuRadioItem = React.forwardRef<
         )}
         {...props}
     >
-        <span className='absolute left-2 flex h-3.5 w-3.5 items-center justify-center'>
+        <span className='absolute left-2 flex size-3.5 items-center justify-center'>
             <DropdownMenuPrimitive.ItemIndicator>
                 <Circle className='h-2 w-2 fill-current' />
             </DropdownMenuPrimitive.ItemIndicator>

diff --git a/components/ui/radio-group.tsx b/components/ui/radio-group.tsx
@@ -30,13 +30,13 @@ const RadioGroupItem = forwardRef<
 		<RadioGroupPrimitive.Item
 			ref={ref}
 			className={cn(
-				'aspect-square h-4 w-4 rounded-full border border-primary text-primary ring-offset-background focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50',
+				'aspect-square size-4 rounded-full border border-primary text-primary ring-offset-background focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50',
 				className
 			)}
 			{...props}
 		>
 			<RadioGroupPrimitive.Indicator className='flex items-center justify-center'>
-				<Circle className='h-2.5 w-2.5 fill-current text-current' />
+				<Circle className='size-2.5 fill-current text-current' />
 			</RadioGroupPrimitive.Indicator>
 		</RadioGroupPrimitive.Item>
 	);

diff --git a/components/ui/resizable.tsx b/components/ui/resizable.tsx
@@ -11,7 +11,7 @@ const ResizablePanelGroup = ({
 }: React.ComponentProps<typeof ResizablePrimitive.PanelGroup>) => (
 	<ResizablePrimitive.PanelGroup
 		className={cn(
-			'flex h-full w-full data-[panel-group-direction=vertical]:flex-col',
+			'flex size-full data-[panel-group-direction=vertical]:flex-col',
 			className
 		)}
 		{...props}
@@ -36,7 +36,7 @@ const ResizableHandle = ({
 	>
 		{withHandle && (
 			<div className='z-10 flex h-4 w-3 items-center justify-center rounded-sm border bg-border'>
-				<GripVertical className='h-2.5 w-2.5' />
+				<GripVertical className='size-2.5' />
 			</div>
 		)}
 	</ResizablePrimitive.PanelResizeHandle>

diff --git a/components/ui/scroll-area.tsx b/components/ui/scroll-area.tsx
@@ -14,7 +14,7 @@ const ScrollArea = React.forwardRef<
     className={cn("relative overflow-hidden", className)}
     {...props}
   >
-    <ScrollAreaPrimitive.Viewport className="h-full w-full rounded-[inherit]">
+    <ScrollAreaPrimitive.Viewport className="size-full rounded-[inherit]">
       {children}
     </ScrollAreaPrimitive.Viewport>
     <ScrollBar />

diff --git a/components/ui/sheet.tsx b/components/ui/sheet.tsx
@@ -70,7 +70,7 @@ const SheetContent = React.forwardRef<
         >
             {children}
             <SheetPrimitive.Close className='absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary'>
-                <X className='h-4 w-4' />
+                <X className='size-4' />
                 <span className='sr-only'>Close</span>
             </SheetPrimitive.Close>
         </SheetPrimitive.Content>

diff --git a/components/ui/theme-switcher.tsx b/components/ui/theme-switcher.tsx
@@ -18,8 +18,8 @@ export const ThemeSwitcher = () => {
 		<DropdownMenu>
 			<DropdownMenuTrigger asChild>
 				<Button variant='outline' size='icon'>
-					<Sun className='h-[1.2rem] w-[1.2rem] rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0' />
-					<Moon className='absolute h-[1.2rem] w-[1.2rem] rotate-90 scale-0 transition-all dark:rotate-0 dark:scale-100' />
+					<Sun className='size-[1.2rem] rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0' />
+					<Moon className='absolute size-[1.2rem] rotate-90 scale-0 transition-all dark:rotate-0 dark:scale-100' />
 					<span className='sr-only'>Toggle theme</span>
 				</Button>
 			</DropdownMenuTrigger>

diff --git a/lib/auth/auth.ts b/lib/auth/auth.ts
@@ -30,7 +30,7 @@ export const {
 	auth,
 	signOut,
 	signIn,
-	update,
+	unstable_update: update,
 } = NextAuth({
 	adapter: PrismaAdapter(db),
 	session: {
@@ -88,7 +88,7 @@ export const {
 
 			if (session.user) {
 				session.user.name = token.name;
-				session.user.email = token.email;
+				session.user.email = token.email!;
 				session.user.isOAuth = token.isOAuth as boolean;
 				session.user.plan = token.plan as Plan;
 				session.user.image = token.image as string;