From 4306294a721e36ea64fd9ce1a7cfa8a0f3689a84 Mon Sep 17 00:00:00 2001
From: Gregory Schier <gschier1990@gmail.com>
Date: Thu, 9 Nov 2023 17:42:10 -0800
Subject: [PATCH] More fallback request handing

---
 src-web/components/RecentRequestsDropdown.tsx | 5 +++--
 src-web/hooks/useDeleteAnyRequest.tsx         | 3 ++-
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/src-web/components/RecentRequestsDropdown.tsx b/src-web/components/RecentRequestsDropdown.tsx
index 70d269f0..04c31797 100644
--- a/src-web/components/RecentRequestsDropdown.tsx
+++ b/src-web/components/RecentRequestsDropdown.tsx
@@ -10,6 +10,7 @@ import { useRequests } from '../hooks/useRequests';
 import { fallbackRequestName } from '../lib/fallbackRequestName';
 import type { ButtonProps } from './core/Button';
 import { Button } from './core/Button';
+import { CountBadge } from './core/CountBadge';
 import type { DropdownItem, DropdownRef } from './core/Dropdown';
 import { Dropdown } from './core/Dropdown';
 
@@ -63,8 +64,8 @@ export function RecentRequestsDropdown({ className }: Pick<ButtonProps, 'classNa
 
       recentRequestItems.push({
         key: request.id,
-        label: request.name,
-        // leftSlot: <CountBadge className="!ml-0 px-0 w-5" count={recentRequestItems.length + 1} />,
+        label: fallbackRequestName(request),
+        leftSlot: <CountBadge className="!ml-0 px-0 w-5" count={recentRequestItems.length + 1} />,
         onSelect: () => {
           routes.navigate('request', {
             requestId: request.id,
diff --git a/src-web/hooks/useDeleteAnyRequest.tsx b/src-web/hooks/useDeleteAnyRequest.tsx
index 22d07cab..5ae3b9aa 100644
--- a/src-web/hooks/useDeleteAnyRequest.tsx
+++ b/src-web/hooks/useDeleteAnyRequest.tsx
@@ -2,6 +2,7 @@ import { useMutation, useQueryClient } from '@tanstack/react-query';
 import { invoke } from '@tauri-apps/api';
 import { InlineCode } from '../components/core/InlineCode';
 import { trackEvent } from '../lib/analytics';
+import { fallbackRequestName } from '../lib/fallbackRequestName';
 import type { HttpRequest } from '../lib/models';
 import { getRequest } from '../lib/store';
 import { useConfirm } from './useConfirm';
@@ -20,7 +21,7 @@ export function useDeleteAnyRequest() {
         variant: 'delete',
         description: (
           <>
-            Permanently delete <InlineCode>{request?.name}</InlineCode>?
+            Permanently delete <InlineCode>{fallbackRequestName(request)}</InlineCode>?
           </>
         ),
       });