Fix image blob data not refreshing on Search

G-Research · Aug 5, 2024 · dd2a7a5 · dd2a7a5
1 parent 4935e43
commit dd2a7a5
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 4 deletions.
diff --git a/src/src/components/MediaList/ImageBox.tsx b/src/src/components/MediaList/ImageBox.tsx
@@ -32,15 +32,15 @@ const ImageBox = ({
   const { format, blob_uri } = data;
   const [isImageFullViewPopupOpened, setIsImageFullViewPopupOpened] =
     React.useState<boolean>(false);
-  let [blobData, setBlobData] = React.useState<string>(
+  const [blobData, setBlobData] = React.useState<string>(
     blobsURIModel.getState()[blob_uri] ?? null,
   );
 
   React.useEffect(() => {
     let timeoutID: number;
     let subscription: any;
 
-    if (blobData === null) {
+    if (!blobData) {
       // Get the formatted URI containing the run hash and experiment id
       const formattedUri = data.run.props.experiment.artifact_location
         ? `${data.run.props.experiment.artifact_location}/${data.run.hash}/artifacts/${blob_uri}`

diff --git a/src/src/components/MediaPanel/MediaPanel.tsx b/src/src/components/MediaPanel/MediaPanel.tsx
@@ -200,9 +200,11 @@ function MediaPanel({
     if (blobUriArray.current.includes(blobUrl)) {
       return;
     }
+    /* jescalada: removing this refreshes the image when clicking Search
     if (processedBlobUriArray.current.includes(blobUrl)) {
       return;
     }
+    */
 
     blobUriArray.current.push(blobUrl);
     getBatch();

diff --git a/src/src/components/RangePanel/RangePanel.tsx b/src/src/components/RangePanel/RangePanel.tsx
@@ -26,12 +26,10 @@ function RangePanel({
     >
       <div className='RangePanelContainer'>
         {items?.map((item) => {
-          console.log('RangePanel -> item', item);
           const rangeLength = _.range(
             item.rangeEndpoints?.[0] ?? 0,
             (item.rangeEndpoints?.[1] ?? 0) + 2,
           ).length;
-          console.log('RangePanel -> rangeLength', rangeLength);
           return (
             <React.Fragment key={item.sliderName}>
               {item.rangeEndpoints?.[0] !== item.rangeEndpoints?.[1] ? (