mirror of
https://github.com/kubeshark/kubeshark.git
synced 2025-09-27 21:38:06 +00:00
changes
This commit is contained in:
@@ -105,7 +105,7 @@ export const AddUserModal: FC<AddUserModalProps> = ({isOpen, onCloseModal, userD
|
|||||||
<input className={classes.textField + " searchNamespace"} placeholder="Search" value={searchValue}
|
<input className={classes.textField + " searchNamespace"} placeholder="Search" value={searchValue}
|
||||||
onChange={(event) => setSearchValue(event.target.value)}/>
|
onChange={(event) => setSearchValue(event.target.value)}/>
|
||||||
</div>
|
</div>
|
||||||
<SelectList valuesListInput={workspaces} tableName={'Workspace'} multiSelect={false} searchValue={searchValue} setValues={workspaceChange} tabelClassName={''} ></SelectList>
|
<SelectList valuesListInput={workspaces} tableName={''} multiSelect={false} searchValue={searchValue} setValues={workspaceChange} tabelClassName={''} ></SelectList>
|
||||||
</div>
|
</div>
|
||||||
</ConfirmationModal>
|
</ConfirmationModal>
|
||||||
</>);
|
</>);
|
||||||
|
@@ -22,14 +22,26 @@ interface ConfirmationModalProps {
|
|||||||
img?: ReactElement;
|
img?: ReactElement;
|
||||||
isLoading?: boolean;
|
isLoading?: boolean;
|
||||||
className?: any;
|
className?: any;
|
||||||
|
customActions? : ReactElement
|
||||||
}
|
}
|
||||||
|
|
||||||
const ConfirmationModal: React.FC<ConfirmationModalProps> = observer(({title, isOpen, onClose, onConfirm, confirmButtonText,
|
const ConfirmationModal: React.FC<ConfirmationModalProps> = observer(({title, isOpen, onClose, onConfirm, confirmButtonText,
|
||||||
closeButtonText, subContent, confirmDisabled = false, isWide,
|
closeButtonText, subContent, confirmDisabled = false, isWide,
|
||||||
confirmButtonColor, titleColor, img, isLoading,children,
|
confirmButtonColor, titleColor, img, isLoading,children,
|
||||||
className}) => {
|
className, customActions}) => {
|
||||||
const classes = useCommonStyles();
|
const classes = useCommonStyles();
|
||||||
const confirmStyle = {width: 100, marginLeft: 20}
|
const confirmStyle = {width: 100, marginLeft: 20}
|
||||||
|
|
||||||
|
const defualtActions = <><Button disabled={isLoading} style={{width: 100}} className={classes.outlinedButton} size={"small"}
|
||||||
|
variant='outlined' onClick={onClose}>{closeButtonText ?? "CANCEL"}
|
||||||
|
</Button>
|
||||||
|
<Button style={confirmButtonColor ? {backgroundColor: confirmButtonColor,...confirmStyle} : {...confirmStyle}}
|
||||||
|
className={classes.button} size={"small"}
|
||||||
|
onClick={onConfirm}
|
||||||
|
disabled={confirmDisabled || isLoading}
|
||||||
|
endIcon={isLoading && <img src={spinner} alt="spinner"/>}>{confirmButtonText ?? "YES"}
|
||||||
|
</Button></>
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<CustomModal open={isOpen} onClose={onClose} disableBackdropClick={true} isWide={isWide} className={`${className} comfirmation-modal`}>
|
<CustomModal open={isOpen} onClose={onClose} disableBackdropClick={true} isWide={isWide} className={`${className} comfirmation-modal`}>
|
||||||
<div className="confirmationHeader">
|
<div className="confirmationHeader">
|
||||||
@@ -50,15 +62,7 @@ const ConfirmationModal: React.FC<ConfirmationModalProps> = observer(({title, is
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div className="confirmationActions">
|
<div className="confirmationActions">
|
||||||
<Button disabled={isLoading} style={{width: 100}} className={classes.outlinedButton} size={"small"}
|
{customActions}
|
||||||
variant='outlined' onClick={onClose}>{closeButtonText ?? "CANCEL"}
|
|
||||||
</Button>
|
|
||||||
<Button style={confirmButtonColor ? {backgroundColor: confirmButtonColor,...confirmStyle} : {...confirmStyle}}
|
|
||||||
className={classes.button} size={"small"}
|
|
||||||
onClick={onConfirm}
|
|
||||||
disabled={confirmDisabled || isLoading}
|
|
||||||
endIcon={isLoading && <img src={spinner} alt="spinner"/>}>{confirmButtonText ?? "YES"}
|
|
||||||
</Button>
|
|
||||||
</div>
|
</div>
|
||||||
</CustomModal>
|
</CustomModal>
|
||||||
)
|
)
|
||||||
|
Reference in New Issue
Block a user