yujunjun/strapi
1
0
Fork 0
mirror of https://github.com/strapi/strapi.git synced 2025-12-30 00:37:24 +00:00
Code Issues Packages Projects Releases Wiki Activity

confirm popup on delete

Browse Source 
Signed-off-by: Virginie Ky <virginie.ky@gmail.com>
This commit is contained in:
Virginie Ky 2020-03-23 12:06:01 +01:00
parent 847f3f1005
commit 3a539f200d
1 changed files with 17 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
packages/strapi-plugin-upload/admin/src/containers/HomePage/index.js
View File

@ -6,6 +6,7 @@ import { useDebounce } from '@buffetjs/hooks';
import {
HeaderSearch,
PageFooter,
PopUpWarning,
useGlobalContext,
generateFiltersFromSearch,
generateSearchFromFilters,
@ -36,7 +37,8 @@ const HomePage = () => {
const { formatMessage } = useGlobalContext();
const [reducerState, dispatch] = useReducer(reducer, initialState, init);
const query = useQuery();
const [isOpen, setIsOpen] = useState(false);
const [modalIsOpen, setModalIsOpen] = useState(false);
const [confirmPopupIsOpen, setConfirmPopupIsOpen] = useState(false);
const [searchValue, setSearchValue] = useState(query.get('_q') || '');
const { push } = useHistory();
const { search } = useLocation();
@ -176,7 +178,7 @@ const HomePage = () => {
};
const handleClickToggleModal = (refetch = false) => {
setIsOpen(prev => !prev);
setModalIsOpen(prev => !prev);
if (refetch) {
fetchData();
@ -184,6 +186,10 @@ const HomePage = () => {
}
};
const handleClickTogglePopup = () => {
setConfirmPopupIsOpen(prev => !prev);
};
const handleDeleteFilter = filter => {
const currentFilters = generateFiltersFromSearch(search);
const updatedFilters = deleteFilters(currentFilters, filter);
@ -200,6 +206,7 @@ const HomePage = () => {
type: 'CLEAR_DATA_TO_DELETE',
});
setConfirmPopupIsOpen(false);
fetchData();
fetchDataCount();
};
@ -226,7 +233,7 @@ const HomePage = () => {
color: 'cancel',
// TradId from the strapi-admin package
label: formatMessage({ id: 'app.utils.delete' }),
onClick: handleDeleteMedias,
onClick: () => setConfirmPopupIsOpen(true),
type: 'button',
},
{
@ -296,7 +303,13 @@ const HomePage = () => {
) : (
<ListEmpty onClick={handleClickToggleModal} />
)}
<ModalStepper isOpen={isOpen} onToggle={handleClickToggleModal} />
<ModalStepper isOpen={modalIsOpen} onToggle={handleClickToggleModal} />
<PopUpWarning
isOpen={confirmPopupIsOpen}
toggleModal={handleClickTogglePopup}
popUpWarningType="danger"
onConfirm={handleDeleteMedias}
/>
</Container>
);
};