Added virtulization for sample images to handle huge number of samples more efficientyly.

2026-05-25 07:22:24 -06:00
parent fbac1cb7f5
commit 8042cbe9d2
3 changed files with 62 additions and 51 deletions
--- a/ui/src/components/DatasetImageCard.tsx
+++ b/ui/src/components/DatasetImageCard.tsx
@@ -115,7 +115,11 @@ const DatasetImageCard: React.FC<DatasetImageCardProps> = ({
  return (
    <div className={`flex flex-col ${className}`}>
      <div className="relative w-full" style={{ paddingBottom: '100%' }}>
-        <div className="absolute inset-0 rounded-t-lg shadow-md">
+        <div
+          className={classNames('absolute inset-0 rounded-t-lg shadow-md bg-gray-900', {
+            'animate-pulse': isItImage && !loaded,
+          })}
+        >
          {isItAVideo && (
            <video
              src={`/api/img/${encodeURIComponent(imageUrl)}`}