fix form logic

comps/form/Form.tsx

@@ -57,6 +57,7 @@ export const Form: FC<FMProps> = (props) => {
       field: null,
     },
     has_fields_container: null as any,
+    is_newly_created: false
   });
   const form_inner_ref = useRef<HTMLDivElement>(null);
 

comps/form/gen/gen-form.ts

@@ -157,7 +157,11 @@ ${
           ...record,
         },
       });
-      if (res) form.id = res.id;
+      
+      if (res) {
+        form.id = res.id;
+        fm.is_newly_created = true;
+      }
     }
 
     if (has_many.length) {

comps/form/gen/set-value.ts

@@ -30,7 +30,7 @@ export const set_value = ({
             ${pk}: selected[0],
           },
         };
-      } else {
+      } else if (fm.data["${pk}"]) {
         fm.data[name] = {
           disconnect: true,
         };

comps/form/typings.ts

@@ -155,6 +155,7 @@ export type FMInternal = {
     field: any;
   };
   has_fields_container: boolean;
+  is_newly_created: boolean;
 };
 export type FMLocal = FMInternal & { render: () => void };
 

comps/form/utils/init.tsx

@@ -83,6 +83,22 @@ export const formInit = (fm: FMLocal, props: FMProps) => {
         fm.internal.reload.done.map((e) => e());
         setTimeout(() => {
           toast.dismiss();
+
+          if (fm.is_newly_created) {
+            fm.is_newly_created = false;
+            toast.success(
+              <div className="c-flex c-text-green-700 c-items-center">
+                <Check className="c-h-4 c-w-4 c-mr-1 " />
+                Saved
+              </div>,
+              {
+                className: css`
+                  background: #e4ffed;
+                  border: 2px solid green;
+                `,
+              }
+            );
+          }
         }, 100);
 
         fm.status = "ready";
@@ -109,7 +125,7 @@ export const formInit = (fm: FMLocal, props: FMProps) => {
         if (typeof fm.props.on_submit === "function") {
           fm.status = "saving";
           fm.render();
-          
+
           if (fm.props.sonar === "on" && !isEditor) {
             toast.loading(
               <>
@@ -179,18 +195,20 @@ export const formInit = (fm: FMLocal, props: FMProps) => {
                   }
                 );
               } else {
-                toast.success(
+                if (!fm.is_newly_created) {
-                  <div className="c-flex c-text-green-700 c-items-center">
+                  toast.success(
-                    <Check className="c-h-4 c-w-4 c-mr-1 " />
+                    <div className="c-flex c-text-green-700 c-items-center">
-                    Saved
+                      <Check className="c-h-4 c-w-4 c-mr-1 " />
-                  </div>,
+                      Saved
-                  {
+                    </div>,
-                    className: css`
+                    {
-                      background: #e4ffed;
+                      className: css`
-                      border: 2px solid green;
+                        background: #e4ffed;
-                    `,
+                        border: 2px solid green;
-                  }
+                      `,
-                );
+                    }
+                  );
+                }
               }
             }, 100);
           }