+
+
+
+
+
+
+
+
+
+
+ {loading &&
Loading...
}
+ {error &&
Error: {error}
}
+
+ {!loading && !error && (
+ <>
+
+ Showing {mediaItems.length} of {total} items
+
+
+ {mediaItems.length === 0 ? (
+
+
No media items without locations found.
+
All items in your collection have country information assigned!
+
+ ) : (
+ <>
+
+
+
+
+ | Title |
+ Year |
+ Type |
+ Source |
+
+
+
+ {mediaItems.map((item) => (
+
+ |
+ {item.title}
+ |
+ {item.year || '-'} |
+
+
+ {getMediaTypeLabel(item.media_type)}
+
+ |
+
+
+ {getSourceLabel(item.source_kind)}
+
+ |
+
+ ))}
+
+
+
+
+
+
+
+ Page {Math.floor(offset / limit) + 1} of {Math.ceil(total / limit) || 1}
+
+
+
+ >
+ )}
+ >
+ )}
+