From e9b0a4f2f4ab3383f71212ddcd0527c887ada52d Mon Sep 17 00:00:00 2001
From: Shekar Siri <sshekarsiri@gmail.com>
Date: Fri, 10 Nov 2023 12:05:04 +0100
Subject: [PATCH] fix(ui): path analysis drilldown

---
 .../Dashboard/components/CardIssues/CardIssues.tsx        | 5 +++--
 .../Dashboard/components/SessionsModal/SessionsModal.tsx  | 8 ++++++--
 2 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/frontend/app/components/Dashboard/components/CardIssues/CardIssues.tsx b/frontend/app/components/Dashboard/components/CardIssues/CardIssues.tsx
index c07c93d90..beb3e6618 100644
--- a/frontend/app/components/Dashboard/components/CardIssues/CardIssues.tsx
+++ b/frontend/app/components/Dashboard/components/CardIssues/CardIssues.tsx
@@ -86,9 +86,10 @@ function CardIssues() {
       <div className='flex justify-between'>
         <div className='flex items-center'>
           <h1 className='font-medium text-2xl'>Issues</h1>
-          {filter.filters.length > 0 && (
+          {!!filter.filters[1] && (
             <div className='text-disabled-text ml-3'>
-              Showing issues of <span className='font-medium'>{filter.filters[0].value}</span> to
+              Showing issues of <span className='font-medium'>{filter.filters[0].value}</span>
+              <span className="mx-1">to</span>
               <span className='font-medium'>{filter.filters[1].value}</span>
             </div>
           )}
diff --git a/frontend/app/components/Dashboard/components/SessionsModal/SessionsModal.tsx b/frontend/app/components/Dashboard/components/SessionsModal/SessionsModal.tsx
index ea8f07fb2..8465a03f3 100644
--- a/frontend/app/components/Dashboard/components/SessionsModal/SessionsModal.tsx
+++ b/frontend/app/components/Dashboard/components/SessionsModal/SessionsModal.tsx
@@ -24,13 +24,17 @@ function SessionsModal(props: Props) {
 
   const fetchSessions = async (filter: any) => {
     setLoading(true);
-    const _filter = { ...filter };
+    const _filter = {
+      ...filter,
+      filters: [...filter.filters]
+    };
 
     if (issue) {
       _filter.filters.push({
         type: 'issue',
         operator: 'is',
-        value: [issue.type]
+        value: [issue.type],
+        source: issue.source,
       });
     }
     const res = await metricService.fetchSessions(null, _filter);