From 50228d2f50f86c49e10fe2643113132645dacb58 Mon Sep 17 00:00:00 2001
From: Anoop M D <anoop.md1421@gmail.com>
Date: Wed, 14 Feb 2024 03:57:33 +0530
Subject: [PATCH] feat(#1009): improve messaging of close collection modal

---
 .../Collection/RemoveCollection/index.js           | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/packages/bruno-app/src/components/Sidebar/Collections/Collection/RemoveCollection/index.js b/packages/bruno-app/src/components/Sidebar/Collections/Collection/RemoveCollection/index.js
index 2635d3b60..9cba09179 100644
--- a/packages/bruno-app/src/components/Sidebar/Collections/Collection/RemoveCollection/index.js
+++ b/packages/bruno-app/src/components/Sidebar/Collections/Collection/RemoveCollection/index.js
@@ -2,6 +2,7 @@ import React from 'react';
 import toast from 'react-hot-toast';
 import Modal from 'components/Modal';
 import { useDispatch } from 'react-redux';
+import { IconFiles } from '@tabler/icons';
 import { removeCollection } from 'providers/ReduxStore/slices/collections/actions';
 
 const RemoveCollection = ({ onClose, collection }) => {
@@ -18,8 +19,17 @@ const RemoveCollection = ({ onClose, collection }) => {
 
   return (
     <Modal size="sm" title="Close Collection" confirmText="Close" handleConfirm={onConfirm} handleCancel={onClose}>
-      Are you sure you want to close collection <span className="font-semibold">{collection.name}</span> from Bruno? It
-      will remain in your file system in <span className="font-semibold break-words">{collection.pathname}</span>.
+      <div className="flex items-center">
+        <IconFiles size={18} strokeWidth={1.5} />
+        <span className="ml-2 mr-4 font-semibold">{collection.name}</span>
+      </div>
+      <div className="break-words text-xs mt-1">{collection.pathname}</div>
+      <div className="mt-4">
+        Are you sure you want to close collection <span className="font-semibold">{collection.name}</span> in Bruno?
+      </div>
+      <div className="mt-4">
+        It will still be available in the file system at the above location and can be re-opened later.
+      </div>
     </Modal>
   );
 };