github/kubeshark
1
0
Fork 0
mirror of https://github.com/kubeshark/kubeshark.git synced 2025-09-27 13:33:26 +00:00
Code Issues Packages Projects Releases Wiki Activity

changes

Browse Source
This commit is contained in:
Leon
2022-01-26 14:51:57 +02:00
parent 1cfc896c10
commit 84e5820f4f
2 changed files with 16 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
ui/src/components/Modals/AddUserModal/AddUserModal.tsx
View File

@@ -105,7 +105,7 @@ export const AddUserModal: FC<AddUserModalProps> = ({isOpen, onCloseModal, userD
<input className={classes.textField + " searchNamespace"} placeholder="Search" value={searchValue}
onChange={(event) => setSearchValue(event.target.value)}/>
</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>
</ConfirmationModal>
</>);

26
ui/src/components/UI/Modals/ConfirmationModal.tsx
View File

@@ -22,14 +22,26 @@ interface ConfirmationModalProps {
img?: ReactElement;
isLoading?: boolean;
className?: any;
customActions? : ReactElement
}
const ConfirmationModal: React.FC<ConfirmationModalProps> = observer(({title, isOpen, onClose, onConfirm, confirmButtonText,
closeButtonText, subContent, confirmDisabled = false, isWide,
confirmButtonColor, titleColor, img, isLoading,children,
className}) => {
className, customActions}) => {
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 (
<CustomModal open={isOpen} onClose={onClose} disableBackdropClick={true} isWide={isWide} className={`${className} comfirmation-modal`}>
<div className="confirmationHeader">
@@ -50,15 +62,7 @@ const ConfirmationModal: React.FC<ConfirmationModalProps> = observer(({title, is
</div>
<div className="confirmationActions">
<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>
{customActions}
</div>
</CustomModal>
)