CHanged Event admin layout

apps/hub/app/_components/PaginatedTable.tsx

@@ -25,6 +25,7 @@ interface PaginatedTableProps<TData>
 	leftOfSearch?: React.ReactNode;
 	rightOfSearch?: React.ReactNode;
 	leftOfPagination?: React.ReactNode;
+	hide?: boolean;
 	ref?: Ref<PaginatedTableRef>;
 }
 
@@ -39,6 +40,7 @@ export function PaginatedTable<TData>({
 	leftOfSearch,
 	rightOfSearch,
 	leftOfPagination,
+	hide,
 	...restProps
 }: PaginatedTableProps<TData>) {
 	const [data, setData] = useState<TData[]>([]);
@@ -111,19 +113,23 @@ export function PaginatedTable<TData>({
 				)}
 				<div className="flex justify-center">{rightOfSearch}</div>
 			</div>
-			<SortableTable
-				data={data}
-				prismaModel={prismaModel}
-				showEditButton={showEditButton}
-				{...restProps}
-			/>
+			{!hide && (
+				<SortableTable
+					data={data}
+					prismaModel={prismaModel}
+					showEditButton={showEditButton}
+					{...restProps}
+				/>
+			)}
 			<div className="flex items-between">
 				{leftOfPagination}
-				<Pagination
-					totalPages={Math.ceil(total / rowsPerPage)}
-					page={page}
-					setPage={setPage}
-				/>
+				{!hide && (
+					<Pagination
+						totalPages={Math.ceil(total / rowsPerPage)}
+						page={page}
+						setPage={setPage}
+					/>
+				)}
 			</div>
 		</div>
 	);