From 7cc574e33b27ecd459cebf60a088f21ae116182d Mon Sep 17 00:00:00 2001
From: Edgar Fisher <fisher.edgar@gmail.com>
Date: Mon, 23 Sep 2024 13:23:02 +0300
Subject: [PATCH] feat: Show groups in generator (#199)

---
 src/views/Generator/GeneratorSidebar/RequestList.tsx | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/views/Generator/GeneratorSidebar/RequestList.tsx b/src/views/Generator/GeneratorSidebar/RequestList.tsx
index d089457a..80f22d41 100644
--- a/src/views/Generator/GeneratorSidebar/RequestList.tsx
+++ b/src/views/Generator/GeneratorSidebar/RequestList.tsx
@@ -10,6 +10,7 @@ import { Details } from '@/components/WebLogView/Details'
 import { Filter } from '@/components/WebLogView/Filter'
 import { useFilterRequests } from '@/components/WebLogView/Filter.hooks'
 import { RecordingSelector } from '../RecordingSelector'
+import { useProxyDataGroups } from '@/hooks/useProxyDataGroups'
 
 interface RequestListProps {
   requests: ProxyData[]
@@ -19,6 +20,8 @@ export function RequestList({ requests }: RequestListProps) {
   const [selectedRequest, setSelectedRequest] = useState<ProxyData | null>(null)
   const { filter, setFilter, filteredRequests } = useFilterRequests(requests)
 
+  const groups = useProxyDataGroups(requests)
+
   // Preserve the selected request when modifying rules
   useShallowCompareEffect(() => {
     setSelectedRequest(null)
@@ -51,6 +54,7 @@ export function RequestList({ requests }: RequestListProps) {
                 requests={filteredRequests}
                 selectedRequestId={selectedRequest?.id}
                 onSelectRequest={setSelectedRequest}
+                groups={groups}
               />
             </ScrollArea>
           </Allotment.Pane>