extern/bruno
1
0
Fork 1
mirror of https://github.com/usebruno/bruno.git synced 2025-02-02 02:49:48 +01:00
Code Issues Packages Projects Releases Wiki Activity

feat(#1009): improve messaging of close collection modal

Browse Source
This commit is contained in:
Anoop M D 2024-02-14 03:57:33 +05:30
parent ea5993fa76
commit 50228d2f50
1 changed files with 12 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
packages/bruno-app/src/components/Sidebar/Collections/Collection/RemoveCollection/index.js
View File

@ -2,6 +2,7 @@ import React from 'react';
import toast from 'react-hot-toast'; import toast from 'react-hot-toast';
import Modal from 'components/Modal'; import Modal from 'components/Modal';
import { useDispatch } from 'react-redux'; import { useDispatch } from 'react-redux';
import { IconFiles } from '@tabler/icons';
import { removeCollection } from 'providers/ReduxStore/slices/collections/actions'; import { removeCollection } from 'providers/ReduxStore/slices/collections/actions';
const RemoveCollection = ({ onClose, collection }) => { const RemoveCollection = ({ onClose, collection }) => {
@ -18,8 +19,17 @@ const RemoveCollection = ({ onClose, collection }) => {
return ( return (
<Modal size="sm" title="Close Collection" confirmText="Close" handleConfirm={onConfirm} handleCancel={onClose}> <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 <div className="flex items-center">
will remain in your file system in <span className="font-semibold break-words">{collection.pathname}</span>. <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> </Modal>
); );
}; };