From 23ce854351094b56bb549ec2812c560c3ad0a195 Mon Sep 17 00:00:00 2001
From: kartik-gupta-ij <kartikgupta7267@gmail.com>
Date: Mon, 16 Dec 2024 16:15:39 +0530
Subject: [PATCH 1/3] fix[graph-tab]: image grid fix

---
 src/components/Common/PointPreview.jsx | 2 +-
 src/components/Points/PointImage.jsx   | 5 +++--
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/components/Common/PointPreview.jsx b/src/components/Common/PointPreview.jsx
index c4e717fb8..6ff45c657 100644
--- a/src/components/Common/PointPreview.jsx
+++ b/src/components/Common/PointPreview.jsx
@@ -43,7 +43,7 @@ const PointPreview = ({ point }) => {
           <>
             <CardContent>
               <Grid container display={'flex'}>
-                {point.payload && <PointImage data={point.payload} sx={{ width: 300, mx: 'auto' }} />}
+                {point.payload && <PointImage data={point.payload} sx={{ width: 300, mx: 'auto' }} gridxs={12} />}
                 <Grid item xs={12} my={1}>
                   <DataGridList
                     data={{ id: point.id, ...point.payload }}
diff --git a/src/components/Points/PointImage.jsx b/src/components/Points/PointImage.jsx
index 4b1801ccf..a7b7ec727 100644
--- a/src/components/Points/PointImage.jsx
+++ b/src/components/Points/PointImage.jsx
@@ -2,7 +2,7 @@ import React, { useState } from 'react';
 import PropTypes from 'prop-types';
 import { Box, CardMedia, Grid, Modal, Typography } from '@mui/material';
 
-function PointImage({ data, sx }) {
+function PointImage({ data, sx, gridxs }) {
   const [fullScreenImg, setFullScreenImg] = useState(null);
   const renderImages = () => {
     const images = [];
@@ -58,7 +58,7 @@ function PointImage({ data, sx }) {
   }
 
   return (
-    <Grid item xs={3} display="grid" justifyContent={'center'}>
+    <Grid item xs={gridxs ?? 3} display="grid" justifyContent={'center'}>
       {images}
       <Modal
         open={!!fullScreenImg}
@@ -114,6 +114,7 @@ function PointImage({ data, sx }) {
 PointImage.propTypes = {
   data: PropTypes.object.isRequired,
   sx: PropTypes.object,
+  gridxs: PropTypes.number,
 };
 
 export default PointImage;

From 4d8d261845d5965d97629c9133e56dd912c7cd4a Mon Sep 17 00:00:00 2001
From: kartik-gupta-ij <kartikgupta7267@gmail.com>
Date: Mon, 16 Dec 2024 17:15:05 +0530
Subject: [PATCH 2/3] chore[graph-tab] : getMetrics fun added in graph tab

---
 src/lib/graph-visualization-helpers.js | 19 +++++++++++++++++++
 1 file changed, 19 insertions(+)

diff --git a/src/lib/graph-visualization-helpers.js b/src/lib/graph-visualization-helpers.js
index 9d13ef146..6a254d1cc 100644
--- a/src/lib/graph-visualization-helpers.js
+++ b/src/lib/graph-visualization-helpers.js
@@ -152,3 +152,22 @@ export const getMinimalSpanningTree = (links, acs = true) => {
 
   return mstLinks;
 };
+
+//  the function which returns metric for given collection and name of the vector
+
+export const getMetrics = async (qdrantClient, { collectionName }) => {
+  const metricConfig = {};
+  try {
+    const collectionInfo = await qdrantClient.getCollection(collectionName);
+    Object.keys(collectionInfo.config.params.vectors).map((key) => {
+      if (typeof collectionInfo.config.params.vectors[key] === 'object') {
+        metricConfig[key] = collectionInfo.config.params.vectors[key].distance;
+      } else {
+        metricConfig[''] = collectionInfo.config.params.vectors.distance;
+      }
+    });
+    return metricConfig;
+  } catch (e) {
+    console.error(e);
+  }
+};

From 587f41c73e701f90c6e590d07527f36762d312af Mon Sep 17 00:00:00 2001
From: kartik-gupta-ij <kartikgupta7267@gmail.com>
Date: Mon, 16 Dec 2024 17:54:06 +0530
Subject: [PATCH 3/3] fix

---
 src/lib/graph-visualization-helpers.js | 21 +++++----------------
 1 file changed, 5 insertions(+), 16 deletions(-)

diff --git a/src/lib/graph-visualization-helpers.js b/src/lib/graph-visualization-helpers.js
index 6a254d1cc..f3fbf224b 100644
--- a/src/lib/graph-visualization-helpers.js
+++ b/src/lib/graph-visualization-helpers.js
@@ -153,21 +153,10 @@ export const getMinimalSpanningTree = (links, acs = true) => {
   return mstLinks;
 };
 
-//  the function which returns metric for given collection and name of the vector
-
-export const getMetrics = async (qdrantClient, { collectionName }) => {
-  const metricConfig = {};
-  try {
-    const collectionInfo = await qdrantClient.getCollection(collectionName);
-    Object.keys(collectionInfo.config.params.vectors).map((key) => {
-      if (typeof collectionInfo.config.params.vectors[key] === 'object') {
-        metricConfig[key] = collectionInfo.config.params.vectors[key].distance;
-      } else {
-        metricConfig[''] = collectionInfo.config.params.vectors.distance;
-      }
-    });
-    return metricConfig;
-  } catch (e) {
-    console.error(e);
+export const getMetrics = async (qdrantClient, { collectionName, vectorName = null }) => {
+  const collectionInfo = await qdrantClient.getCollection(collectionName);
+  if (vectorName && collectionInfo.config.params.vectors[vectorName]) {
+    return collectionInfo.config.params.vectors[vectorName].distance;
   }
+  return collectionInfo.config.params.vectors.distance;
 };