@@ -21,6 +21,8 @@ import Popover from "react-bootstrap/Popover"
2121import OverlayTrigger from "react-bootstrap/OverlayTrigger"
2222import Row from "react-bootstrap/Row"
2323import { DocumentsGraphqlTable } from "./DocumentsGraphqlTable"
24+ import { WOQLClientObj } from '../init-woql-client'
25+ import { CreateChangeRequestModal } from "../components/CreateChangeRequestModal"
2426
2527// button to view frames
2628const ViewFramesButton = ( ) => {
@@ -102,8 +104,8 @@ const EditHeader = ({type, id, setView}) => {
102104/**
103105 * function to display are you sure to delete a document message
104106 */
105- const DeleteMessage = ( { handleDelete, handleToggle } ) => {
106- return < Card className = "border-0" >
107+ export const DeleteMessage = ( { handleDelete} ) => {
108+ return < Card className = "border-0 w-100 " >
107109 < Card . Header className = "bg-transparent w-100 fw-bold" >
108110 < span > { "Are you sure you want to delete ?" } </ span >
109111 </ Card . Header >
@@ -116,10 +118,10 @@ const DeleteMessage = ({handleDelete, handleToggle}) => {
116118 onClick = { handleDelete } >
117119 < RiDeleteBin7Line className = "mb-1" /> Delete
118120 </ Button >
119- < Button className = "btn-sm bg-light text-dark"
120- onClick = { handleToggle } >
121+ { /* <Button className="btn-sm bg-light text-dark"
122+ onClick={onCancel }>
121123 <FaTimes className="mr-1" /> Cancel
122- </ Button >
124+ </Button>*/ }
123125 </ div >
124126
125127 </ Card . Body >
@@ -152,27 +154,31 @@ const UpdatingPopover = React.forwardRef(
152154 * @param {* } setView useState constant to set view in Form or JSON View
153155 * @returns View Header
154156 */
155- const ViewHeader = ( { type, id, startCRMode, setView, setClickedDelete} ) => {
157+ const ViewHeader = ( { type, id, setView, setShowCRModal, setClickedDelete} ) => {
158+ const {
159+ branch
160+ } = WOQLClientObj ( )
156161
157162 const navigate = useNavigate ( )
158163 const [ show , setShow ] = React . useState ( false ) ;
164+
159165
160166 const handleToggle = ( ) => {
161167 setShow ( ( prev ) => ! prev ) ;
162168 } ;
163169
164170 function handleEdit ( e ) {
165- startCRMode ( CONST . EDIT_DOCUMENT )
166171 navigate ( `${ PATH . EDIT_DOC } ` )
167172 }
168-
173+
169174 function handleDelete ( e ) {
170- startCRMode ( CONST . DELETE_DOCUMENT )
171- setClickedDelete ( Date . now ( ) )
175+ // show Change Request component if branch is main
176+ if ( branch === "main" ) {
177+ setShowCRModal ( Date . now ( ) )
178+ }
179+ else setClickedDelete ( Date . now ( ) )
172180 }
173181
174-
175-
176182 return < Stack direction = "horizontal" gap = { 3 } className = "w-100" >
177183 < div className = "col-md-6" >
178184 < strong className = "text-success" >
@@ -193,7 +199,16 @@ const ViewHeader = ({type, id, startCRMode, setView, setClickedDelete}) => {
193199 Edit
194200 </ Button >
195201
196- < OverlayTrigger trigger = "click"
202+ < Button variant = "danger"
203+ type = "button"
204+ title = "Delete Document"
205+ onClick = { handleDelete }
206+ className = "btn-sm btn text-gray" >
207+ < RiDeleteBin7Line className = " mb-1" />
208+ </ Button >
209+
210+ { /** commenting overlay trigger for delete */ }
211+ { /*<OverlayTrigger trigger="click"
197212 placement="bottom"
198213 rootClose={true}
199214 show={show}
@@ -209,7 +224,7 @@ const ViewHeader = ({type, id, startCRMode, setView, setClickedDelete}) => {
209224 className="btn-sm btn text-gray">
210225 <RiDeleteBin7Line className=" mb-1"/>
211226 </Button>
212- </ OverlayTrigger >
227+ </OverlayTrigger>*/ }
213228 </ div >
214229 < CloseButton type = { type } />
215230 </ Stack >
@@ -224,15 +239,15 @@ const ViewHeader = ({type, id, startCRMode, setView, setClickedDelete}) => {
224239 * @param {* } setView useState constant to set view in Form or JSON View
225240 * @returns
226241 */
227- export const Header = ( { mode, type, id, startCRMode , setClickedDelete} ) => {
242+ export const Header = ( { mode, type, id, setShowCRModal , setClickedDelete} ) => {
228243 const {
229244 setView
230245 } = DocumentControlObj ( )
231246
232247 let matchHeader = {
233248 [ CONST . CREATE_DOCUMENT ] : < CreateHeader type = { type } setView = { setView } /> ,
234249 [ CONST . EDIT_DOCUMENT ] : < EditHeader type = { type } id = { id } setView = { setView } /> ,
235- [ CONST . VIEW_DOCUMENT ] : < ViewHeader type = { type } id = { id } startCRMode = { startCRMode } setView = { setView } setClickedDelete = { setClickedDelete } />
250+ [ CONST . VIEW_DOCUMENT ] : < ViewHeader type = { type } id = { id } setView = { setView } setShowCRModal = { setShowCRModal } setClickedDelete = { setClickedDelete } />
236251 }
237252 return matchHeader [ mode ]
238253}
0 commit comments