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) && (