@plutonhq/core-frontend 0.1.29 → 0.1.30

package/package.json

@@ -1,7 +1,7 @@
 {
    "name": "@plutonhq/core-frontend",
    "description": "Pluton Core Frontend Library",
-   "version": "0.1.29",
+   "version": "0.1.30",
    "author": "Plutonhq",
    "license": "Apache-2.0",
    "publishConfig": {

package/src/components/Plan/PlanForm/PlanForm.tsx

@@ -273,7 +273,13 @@ const PlanForm = ({
             )}
             {step === 4 && (
                <div className={PFClasses.planStep}>
-                  <PlanAdvancedSettings plan={planSettings} appSettings={appSettings} onUpdate={onPlanSettingsChange} device={deviceInstance} />
+                  <PlanAdvancedSettings
+                     plan={planSettings}
+                     appSettings={appSettings}
+                     onUpdate={onPlanSettingsChange}
+                     device={deviceInstance}
+                     isEditing={type === 'edit'}
+                  />
                </div>
             )}
          </div>

package/src/components/Plan/PlanSettings/PlanAdvancedSettings.tsx

@@ -16,9 +16,10 @@ interface PlanAdvancedSettingsProps {
    appSettings?: Record<string, any>;
    device: Device;
    onUpdate: (notificationSettings: NewPlanSettings) => void;
+   isEditing: boolean;
 }
 
-const PlanAdvancedSettings = ({ plan, appSettings, device, onUpdate }: PlanAdvancedSettingsProps) => {
+const PlanAdvancedSettings = ({ plan, appSettings, device, onUpdate, isEditing }: PlanAdvancedSettingsProps) => {
    const [advancedTab, setAdvancedTab] = useState('General');
    const settings = plan.settings;
    const integrationTypes = useMemo(() => {
@@ -75,7 +76,11 @@ const PlanAdvancedSettings = ({ plan, appSettings, device, onUpdate }: PlanAdvan
          )}
          <div className={classes.advancedTabContent}>
             {advancedTab === 'General' && (
-               <PlanGeneralSettings settings={settings} onUpdate={(newSettings) => onUpdate({ ...plan, settings: newSettings })} />
+               <PlanGeneralSettings
+                  settings={settings}
+                  onUpdate={(newSettings) => onUpdate({ ...plan, settings: newSettings })}
+                  isEditing={isEditing}
+               />
             )}
             {advancedTab === 'Notification' && (
                <PlanNotificationSettings

package/src/components/Plan/PlanSettings/PlanGeneralSettings.tsx

@@ -6,9 +6,10 @@ import classes from './PlanSettings.module.scss';
 interface PlanGeneralSettingsProps {
    settings: NewPlanSettings['settings'];
    onUpdate: (settings: NewPlanSettings['settings']) => void;
+   isEditing: boolean;
 }
 
-const PlanGeneralSettings = ({ settings, onUpdate }: PlanGeneralSettingsProps) => {
+const PlanGeneralSettings = ({ settings, onUpdate, isEditing }: PlanGeneralSettingsProps) => {
    const { encryption, compression, retries, retryDelay } = settings;
    return (
       <>
@@ -16,6 +17,7 @@ const PlanGeneralSettings = ({ settings, onUpdate }: PlanGeneralSettingsProps) =
             <label className={classes.label}>Encryption</label>
             <Toggle
                fieldValue={encryption}
+               disabled={isEditing}
                onUpdate={(val: boolean) => onUpdate({ ...settings, encryption: val })}
                description="Encrypt Source Files before backup"
             />

package/src/components/common/form/Toggle/Toggle.module.scss

@@ -61,6 +61,13 @@
    label:active:after {
       width: 30px;
    }
+   &.toggleDisabled {
+      opacity: 0.6;
+      cursor: not-allowed;
+      label {
+         cursor: not-allowed;
+      }
+   }
 }
 
 .description {

package/src/components/common/form/Toggle/Toggle.tsx

@@ -9,11 +9,22 @@ type ToggleProps = {
    inline?: boolean;
    hint?: string;
    error?: string;
+   disabled?: boolean;
    fieldValue: boolean;
    onUpdate: (f: boolean) => void;
 };
 
-const Toggle = ({ label, description, customClasses = '', fieldValue = false, inline = false, hint = '', error, onUpdate }: ToggleProps) => {
+const Toggle = ({
+   label,
+   description,
+   customClasses = '',
+   fieldValue = false,
+   inline = false,
+   hint = '',
+   error,
+   disabled = false,
+   onUpdate,
+}: ToggleProps) => {
    const toggleID = nanoid();
    const updateField = (event: React.FormEvent<HTMLInputElement>) => {
       const inputVal = event.currentTarget.value === 'true';
@@ -22,8 +33,8 @@ const Toggle = ({ label, description, customClasses = '', fieldValue = false, in
 
    return (
       <FormField type="toggle" label={label} hint={hint} error={error} inline={inline} classes={`${classes.toggleField} ${customClasses}`}>
-         <div className={classes.toggleCheckbox}>
-            <input type="checkbox" id={toggleID} value={fieldValue.toString()} onChange={updateField} checked={fieldValue} />
+         <div className={`${classes.toggleCheckbox} ${disabled ? classes.toggleDisabled : ''}`}>
+            <input type="checkbox" id={toggleID} value={fieldValue.toString()} onChange={updateField} checked={fieldValue} disabled={disabled} />
             <label htmlFor={toggleID}>{label}</label>
             {description && <span className={classes.description}>{description}</span>}
          </div>

package/src/hooks/usePlanSingleActions.tsx

@@ -99,13 +99,15 @@ export const usePlanSingleActions = (): {
 
       performBackupMutation.mutate(plan.id, {
          onSuccess: (data) => {
+            const msg = data?.message || `${isSync ? 'Sync' : 'Backup'} initiated successfully!  🚀`;
+            const notStarted = !isSync && data?.message && data?.message.includes('reached the concurrency limit');
             toast.update(toastId, {
-               render: isSync ? data?.message || 'Sync initiated successfully! 🚀' : 'Backup initiated successfully! 🚀',
+               render: isSync ? msg : notStarted ? data?.message : 'Backup initiated successfully!',
                type: 'success',
                isLoading: false,
                autoClose: 3000,
             });
-            if (!isSync) {
+            if (!isSync && !notStarted) {
                navigate(`/plan/${plan.id}?pendingbackup=1`);
             }
          },