{activeTab === "sales" ? (
salesData.length > 0 ? (
- salesData.map((item, i) => {
+ salesData.slice(0, visibleItemCount).map((item, i) => {
const isOwnedByCurrentUser = currentUserId !== undefined && item.ownerUserId === currentUserId;
return (
setSelectedItem(item)}
+ onClick={() => handleSelectItem(item)}
className={cn(
"crm-card crm-card-pad relative rounded-2xl transition-shadow transition-colors",
isOwnedByCurrentUser
@@ -2658,7 +2715,7 @@ export default function Expansion() {
})
) : renderEmpty()
) : channelData.length > 0 ? (
- channelData.map((item, i) => {
+ channelData.slice(0, visibleItemCount).map((item, i) => {
const isOwnedByCurrentUser = currentUserId !== undefined && item.ownerUserId === currentUserId;
return (
setSelectedItem(item)}
+ onClick={() => handleSelectItem(item)}
className={cn(
"crm-card crm-card-pad relative rounded-2xl transition-shadow transition-colors",
isOwnedByCurrentUser
@@ -2718,6 +2775,23 @@ export default function Expansion() {
);
})
) : renderEmpty()}
+ {hasMoreItems ? (
+ void loadMoreItems()}
+ onKeyDown={(event) => {
+ if (event.key === "Enter" || event.key === " ") {
+ event.preventDefault();
+ void loadMoreItems();
+ }
+ }}
+ className="cursor-pointer rounded-lg border border-slate-200 bg-white py-3 text-center text-sm font-medium text-violet-600 shadow-sm dark:border-slate-700 dark:bg-slate-900 dark:text-violet-300"
+ >
+ 展示更多
+
+ ) : null}