dialogs

client/src/pages/maintenance/Maintenance.tsx

@@ -151,6 +151,7 @@ const MaintenancePage = () => {
         open={open}
         onConfirm={handleConfirm}
         onCancel={handleCancel}
+        loading={isDeleting}
       />
     </BasePageWithStates>
   );

client/src/pages/notification-channels/NotificationChannels.tsx

@@ -28,7 +28,7 @@ const NotificationChannelsPage = () => {
   >("/notification-channels", {}, {});
 
   const { patch, loading: pausing } = usePatch<{}, INotificationChannel>();
-  const { deleteFn, loading: deleting } =
+  const { deleteFn, loading: isDeleting } =
     useDelete<ApiResponse<INotificationChannel>>();
 
   const notificationChannels = response?.data || [];
@@ -138,7 +138,7 @@ const NotificationChannelsPage = () => {
       />
       <HeaderCreate
         label={"Create a new notification channel"}
-        isLoading={isValidating || pausing || deleting}
+        isLoading={isValidating || pausing || isDeleting}
         path="/notification-channels/create"
         entitlement={"notificationChannelsMax"}
         entitlementCount={notificationChannels.length}
@@ -157,6 +157,7 @@ const NotificationChannelsPage = () => {
         open={open}
         onConfirm={handleConfirm}
         onCancel={handleCancel}
+        loading={isDeleting}
       />
     </BasePageWithStates>
   );

client/src/pages/status-page/StatusPages.tsx

@@ -29,7 +29,7 @@ const StatusPages = () => {
 
   const statusPages = response?.data || [];
 
-  const { deleteFn, loading: deleting } = useDelete<any>();
+  const { deleteFn, loading: isDeleting } = useDelete<any>();
 
   const getActions = (statusPage: IStatusPage): ActionMenuItem[] => {
     return [
@@ -122,7 +122,7 @@ const StatusPages = () => {
       />
       <HeaderCreate
         label={"Create a new Status Page"}
-        isLoading={isValidating || deleting}
+        isLoading={isValidating || isDeleting}
         path="/status-pages/create"
         entitlement="statusPagesMax"
         entitlementCount={statusPages.length}
@@ -141,6 +141,7 @@ const StatusPages = () => {
         open={open}
         onConfirm={handleConfirm}
         onCancel={handleCancel}
+        loading={isDeleting}
       />
     </BasePageWithStates>
   );

client/src/pages/teams/TeamMemberConfig.tsx

@@ -13,7 +13,7 @@ import { mutate } from "swr";
 
 const TeamMemberConfig = () => {
   const [dialogOpen, setDialogOpen] = useState<boolean>(false);
-  const { deleteFn, loading: deleting } = useDelete();
+  const { deleteFn, loading: isDeleting } = useDelete();
   const navigate = useNavigate();
   const { t } = useTranslation();
   const { id, memberId } = useParams();
@@ -65,7 +65,7 @@ const TeamMemberConfig = () => {
             variant="contained"
             color="error"
             onClick={() => setDialogOpen(true)}
-            disabled={deleting}
+            disabled={isDeleting}
           >
             {t("delete")}
           </Button>
@@ -78,6 +78,7 @@ const TeamMemberConfig = () => {
         content={"Delete team member"}
         onConfirm={handleConfirm}
         onCancel={handleCancel}
+        loading={isDeleting}
       />
     </>
   );

client/src/pages/teams/Teams.tsx

@@ -20,7 +20,7 @@ const TeamsPage = () => {
   const isDialogOpen = Boolean(selectedTeam);
   const { t } = useTranslation();
   const { response, loading, refetch } = useGet<ApiResponse<any>>("/teams");
-  const { deleteFn } = useDelete();
+  const { deleteFn, loading: isDeleting } = useDelete();
   const teams = response?.data || [];
 
   const handleConfirm = async () => {
@@ -109,6 +109,7 @@ const TeamsPage = () => {
         content={t("deleteDialogDescription")}
         onConfirm={handleConfirm}
         onCancel={handleCancel}
+        loading={isDeleting}
       />
     </BasePage>
   );