rename isSubmitting override (#98)

Author: naps62

components/form.tsx

@@ -257,26 +257,26 @@ const submitLabelKnownMappings: Record<string, SubmitLabelMapping> = {
 interface SubmitProps extends ButtonProps {
   label: string | SubmitLabelMapping;
   skipDirtyCheck?: boolean;
-  isSubmitting?: boolean;
+  forceLoading?: boolean;
   submittingLabel?: string;
   successLabel?: string;
 }
 
 function Submit({
   skipDirtyCheck = false,
   label = submitLabelKnownMappings.save,
-  isSubmitting: isSubmittingOverride = false,
+  forceLoading,
   ...rest
 }: SubmitProps) {
   const {
-    formState: { isValid, isDirty, isSubmitting, isSubmitSuccessful },
+    formState: { isValid, isDirty, isSubmitSuccessful, isSubmitting },
   } = useFormContext();
 
-  const isSubmittingWithOverride = isSubmittingOverride || isSubmitting;
+  const isLoading = isSubmitting || forceLoading;
 
   const disabled = skipDirtyCheck
-    ? !isValid || isSubmittingWithOverride
-    : !isDirty || !isValid || isSubmittingWithOverride;
+    ? !isValid || isLoading
+    : !isDirty || !isValid || isLoading;
 
   const labelMapping =
     typeof label === "string"
@@ -287,7 +287,7 @@ function Submit({
   if (!labelMapping) {
     // at this point it can only be a string
     computedLabel = label as string;
-  } else if (isSubmittingWithOverride) {
+  } else if (isLoading) {
     computedLabel = labelMapping.saving;
   } else if (isSubmitSuccessful) {
     computedLabel = labelMapping.saved;
@@ -296,7 +296,7 @@ function Submit({
   }
 
   let icon: LucideIcon;
-  if (isSubmittingWithOverride) {
+  if (isLoading) {
     icon = LoaderCircle;
   } else if (isDirty) {
     icon = Save;
@@ -305,9 +305,7 @@ function Submit({
   } else {
     icon = Save;
   }
-  const iconProps = isSubmittingWithOverride
-    ? { className: "animate-spin" }
-    : {};
+  const iconProps = isLoading ? { className: "animate-spin" } : {};
 
   return (
     <Button type="submit" disabled={disabled} {...rest}>