From 8f28b7bba34c980c5239cf5e6a4b038982da00c4 Mon Sep 17 00:00:00 2001
From: Marco Pedone <m.pedone98@gmail.com>
Date: Tue, 28 Apr 2026 17:46:09 +0200
Subject: [PATCH] feat(chat): replace LoadingPage with LoadingSpinner for
 better loading indication feat(chat): adjust LoadingSpinner size in
 ChatBottombar component feat(data-table): add defaultPageSize prop for
 customizable pagination

---
 apps/infoalloggi/src/components/chat/chat-attachments.tsx | 8 ++++++--
 apps/infoalloggi/src/components/chat/chat-bottombar.tsx   | 2 +-
 apps/infoalloggi/src/components/ui/data-table.tsx         | 4 +++-
 3 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/apps/infoalloggi/src/components/chat/chat-attachments.tsx b/apps/infoalloggi/src/components/chat/chat-attachments.tsx
index f593797..3bbcf63 100644
--- a/apps/infoalloggi/src/components/chat/chat-attachments.tsx
+++ b/apps/infoalloggi/src/components/chat/chat-attachments.tsx
@@ -2,7 +2,7 @@ import { Download } from "lucide-react";
 import Link from "next/link";
 import { ExtIcon } from "~/components/area-riservata/allegati";
 
-import { LoadingPage } from "~/components/loading";
+import { LoadingSpinner } from "~/components/spinner";
 import { Button } from "~/components/ui/button";
 import { getStorageUrl } from "~/lib/storage_utils";
 import type { MessagesMessageid } from "~/schemas/public/Messages";
@@ -19,7 +19,11 @@ export const ChatAttachments = ({
 	);
 
 	if (isLoading) {
-		return <LoadingPage />;
+		return (
+			<div className="mt-1 flex items-end rounded-md bg-secondary p-1.5">
+				<LoadingSpinner className="text-primary" />
+			</div>
+		);
 	}
 	if (!data || data.length === 0) {
 		return null;
diff --git a/apps/infoalloggi/src/components/chat/chat-bottombar.tsx b/apps/infoalloggi/src/components/chat/chat-bottombar.tsx
index 2d6befc..c729366 100644
--- a/apps/infoalloggi/src/components/chat/chat-bottombar.tsx
+++ b/apps/infoalloggi/src/components/chat/chat-bottombar.tsx
@@ -330,7 +330,7 @@ export default function ChatBottombar() {
 							variant="ghost"
 						>
 							{isLoading ? (
-								<LoadingSpinner className="size-6" />
+								<LoadingSpinner className="size-5" />
 							) : message.length !== 0 ? (
 								<SendHorizontal className="text-muted-foreground" size={20} />
 							) : (
diff --git a/apps/infoalloggi/src/components/ui/data-table.tsx b/apps/infoalloggi/src/components/ui/data-table.tsx
index 3701506..3ba82d5 100644
--- a/apps/infoalloggi/src/components/ui/data-table.tsx
+++ b/apps/infoalloggi/src/components/ui/data-table.tsx
@@ -49,6 +49,7 @@ type DataTableProps<TData, TValue> = {
 	onStateChange?: () => void;
 	defaultFilterState?: ColumnFiltersState;
 	onTableInit?: (table: TableType<TData>) => void;
+	defaultPageSize?: number;
 } & (
 	| {
 			withContextMenu: true;
@@ -84,12 +85,13 @@ export function DataTable<TData, TValue>({
 	onTableInit,
 	withContextMenu,
 	contextMenuContent,
+	defaultPageSize = 20,
 }: DataTableProps<TData, TValue>) {
 	const [sorting, setSorting] = useState<SortingState>(defaultSort || []);
 	const [rowSelection, setRowSelection] = useState<RowSelectionState>({});
 	const [pagination, setPagination] = useState({
 		pageIndex: 0, //initial page index
-		pageSize: 20, //default page size
+		pageSize: defaultPageSize, //default page size
 	});
 
 	const [columnFilters, setColumnFilters] = useState<ColumnFiltersState>(