diff --git a/new-lamassu-admin/src/pages/LoyaltyPanel/PromoCodes.js b/new-lamassu-admin/src/pages/LoyaltyPanel/PromoCodes.js index 5dbedf42..998756a1 100644 --- a/new-lamassu-admin/src/pages/LoyaltyPanel/PromoCodes.js +++ b/new-lamassu-admin/src/pages/LoyaltyPanel/PromoCodes.js @@ -4,6 +4,7 @@ import gql from 'graphql-tag' import * as R from 'ramda' import React, { useState } from 'react' +import { DeleteDialog } from 'src/components/DeleteDialog' import { Link, Button, IconButton } from 'src/components/buttons' import TitleSection from 'src/components/layout/TitleSection' import DataTable from 'src/components/tables/DataTable' @@ -49,6 +50,14 @@ const CREATE_CODE = gql` const PromoCodes = () => { const classes = useStyles() + const [deleteDialog, setDeleteDialog] = useState(false) + const [toBeDeleted, setToBeDeleted] = useState() + + const onConfirmed = () => { + deleteCode(toBeDeleted) + setDeleteDialog(false) + } + const [showModal, setShowModal] = useState(false) const [errorMsg, setErrorMsg] = useState(null) const toggleModal = () => setShowModal(!showModal) @@ -111,7 +120,8 @@ const PromoCodes = () => { view: t => ( { - deleteCode({ variables: { codeId: t.id } }) + setDeleteDialog(true) + setToBeDeleted({ variables: { codeId: t.id } }) }}> @@ -135,10 +145,17 @@ const PromoCodes = () => { )} {!loading && !R.isEmpty(codeResponse.promoCodes) && ( - + <> + + + )} {!loading && R.isEmpty(codeResponse.promoCodes) && (