feat: remove deploy and revert changes buttons (#493)

* feat: update edit workload function

* feat: remove sidebar deploy&revert buttons

* feat: update delete loading button & api endpoints

* feat: update snack messages

* fix: session snack message

* fix: setDirty state on error

Author: ferruhcihan

src/components/DeleteButton.tsx

@@ -26,7 +26,7 @@ export default function ({ loading, disabled, ...other }: DeleteButtonProps): Re
   }
   return (
     <>
-      {dialogOpen && <DeleteDialog onCancel={onDialogCancel} {...other} />}
+      {dialogOpen && <DeleteDialog onCancel={onDialogCancel} loading={loading} {...other} />}
       <LoadingButton
         disabled={disabled}
         startIcon={<DeleteIcon />}

src/components/DeleteDialog.tsx

@@ -1,5 +1,4 @@
 import DeleteIcon from '@mui/icons-material/Delete'
-import Button from '@mui/material/Button'
 import Dialog from '@mui/material/Dialog'
 import DialogActions from '@mui/material/DialogActions'
 import DialogContent from '@mui/material/DialogContent'
@@ -8,13 +7,15 @@ import DialogTitle from '@mui/material/DialogTitle'
 import TextField from '@mui/material/TextField'
 import React, { useState } from 'react'
 import { useTranslation } from 'react-i18next'
+import { LoadingButton } from '@mui/lab'
 
 interface DeleteDialogProps {
   onCancel: () => void
   onDelete: () => void
   resourceName: string
   resourceType: string
   customContent?: string
+  loading: boolean
 }
 
 export default function ({
@@ -23,6 +24,7 @@ export default function ({
   resourceName,
   resourceType,
   customContent,
+  loading,
 }: DeleteDialogProps): React.ReactElement {
   const [buttonDisabled, setButtonDisabled] = useState(true)
   const { t } = useTranslation()
@@ -49,12 +51,19 @@ export default function ({
         />
       </DialogContent>
       <DialogActions>
-        <Button onClick={onCancel} data-cy='button-cancel-delete'>
+        <LoadingButton loading={loading} onClick={onCancel} data-cy='button-cancel-delete' variant='outlined'>
           Cancel
-        </Button>
-        <Button disabled={buttonDisabled} onClick={onDelete} startIcon={<DeleteIcon />} data-cy='button-confirm-delete'>
+        </LoadingButton>
+        <LoadingButton
+          loading={loading}
+          disabled={buttonDisabled}
+          onClick={onDelete}
+          startIcon={<DeleteIcon />}
+          data-cy='button-confirm-delete'
+          variant='outlined'
+        >
           Delete
-        </Button>
+        </LoadingButton>
       </DialogActions>
     </Dialog>
   )

src/components/MessageDrone.tsx

@@ -20,13 +20,6 @@ export default function NavConfig() {
   }
   const anchor = ca ? generateDownloadLink(downloadOpts) : ''
   return [
-    {
-      subheader: 'actions',
-      items: [
-        { title: 'Deploy Changes', path: '/deploychanges', icon: getIcon('deploy_icon.svg') },
-        { title: 'Revert Changes', path: '/revertchanges', icon: getIcon('revert_icon.svg') },
-      ],
-    },
     {
       subheader: 'platform',
       items: [

src/components/NavConfig.tsx

@@ -9,17 +9,12 @@ import { NavItemProps } from './SidebarTypes'
 //
 import Iconify from './Iconify'
 import { ListItemIconStyle, ListItemStyle, ListItemStyleProps, ListItemTextStyle } from './SidebarStyle'
-import SidebarDeployButton from './SidebarDeployButton'
-import SidebarRevertButton from './SidebarRevertButton'
 import SidebarShellButton from './SidebarShellButton'
 
 // ----------------------------------------------------------------------
 
 // HANDLE SHOW ITEM BY ROLE
 const ListItem = forwardRef<HTMLDivElement & HTMLAnchorElement, ListItemStyleProps>((props, ref) => (
-  //   <RoleBasedGuard roles={props.roles}>
-
-  //   </RoleBasedGuard>
   <ListItemStyle {...props} ref={ref}>
     {props.children}
   </ListItemStyle>
@@ -66,8 +61,6 @@ export function SidebarItemRoot({ item, isCollapse, open = false, active, onOpen
     )
   }
 
-  if (title === 'Deploy Changes') return <SidebarDeployButton item={item}>{renderContent}</SidebarDeployButton>
-  if (title === 'Revert Changes') return <SidebarRevertButton item={item}>{renderContent}</SidebarRevertButton>
   if (title === 'Shell') {
     return (
       <SidebarShellButton disabled={disabled} item={item}>

src/components/SidebarDeployButton.tsx

@@ -9,9 +9,9 @@ import {
   useCreateWorkloadMutation,
   useDeleteWorkloadMutation,
   useEditWorkloadMutation,
+  useEditWorkloadValuesMutation,
   useGetWorkloadQuery,
   useGetWorkloadValuesQuery,
-  useUpdateWorkloadValuesMutation,
   useWorkloadCatalogMutation,
 } from 'redux/otomiApi'
 
@@ -46,7 +46,7 @@ export default function ({
     isError: isErrorValues,
     refetch: refetchValues,
   } = useGetWorkloadValuesQuery({ teamId, workloadId }, { skip: !workloadId })
-  const [updateValues] = useUpdateWorkloadValuesMutation()
+  const [updateWorkloadValues] = useEditWorkloadValuesMutation()
 
   const [getWorkloadCatalog, { isLoading: isLoadingCatalog }] = useWorkloadCatalogMutation()
   const [catalogItem, setCatalogItem] = useState<any>({})
@@ -102,7 +102,7 @@ export default function ({
       createWorkload={createWorkload}
       updateWorkload={updateWorkload}
       deleteWorkload={deleteWorkload}
-      updateWorkloadValues={updateValues}
+      updateWorkloadValues={updateWorkloadValues}
       mutating={mutating}
       readme={readme}
     />