From 72c85b75d05c6f9cdb25ba8b086f15eb4743ab1e Mon Sep 17 00:00:00 2001
From: rizky <rizky@avolut.com>
Date: Tue, 20 Aug 2024 23:10:27 -0700
Subject: [PATCH] fix

---
 comps/form/field/FieldInput.tsx |  4 ++--
 comps/popup/NavLink.tsx         | 39 +++++++++++++++++++++++----------
 2 files changed, 29 insertions(+), 14 deletions(-)

diff --git a/comps/form/field/FieldInput.tsx b/comps/form/field/FieldInput.tsx
index 8c5bafe..481bdec 100755
--- a/comps/form/field/FieldInput.tsx
+++ b/comps/form/field/FieldInput.tsx
@@ -135,7 +135,7 @@ export const FieldInput: FC<{
           {prefix && prefix !== "" ? (
             <div
               className={cx(
-                "c-px-2 c-flex c-flex-row c-items-center",
+                "c-pl-2 c-flex c-flex-row c-items-center",
                 css`
                   color: gray;
                 `
@@ -199,7 +199,7 @@ export const FieldInput: FC<{
           {suffix && suffix !== "" ? (
             <div
               className={cx(
-                "c-px-2 c-flex c-flex-row c-items-center",
+                "c-pr-2 c-flex c-flex-row c-items-center",
                 css`
                   color: gray;
                 `
diff --git a/comps/popup/NavLink.tsx b/comps/popup/NavLink.tsx
index 97787dd..d3380fd 100755
--- a/comps/popup/NavLink.tsx
+++ b/comps/popup/NavLink.tsx
@@ -3,17 +3,19 @@ import { useLocal } from "lib/utils/use-local";
 import { FC, HTMLProps } from "react";
 
 navigate;
-export const NavLink: FC<
-  HTMLProps<HTMLAnchorElement> & {
-    params?: {
-      name?: string;
-      where?: any;
-      create?: any;
-      update?: any;
-      breads?: { label: string; url?: string }[];
-    };
-  }
-> = (props) => {
+export const NavLink: FC<{
+  className?: string;
+  href?: string;
+  children?: any;
+  back_title?: string;
+  params?: {
+    name?: string;
+    where?: any;
+    create?: any;
+    update?: any;
+    breads?: { label: string; url?: string }[];
+  };
+}> = (props) => {
   const local = useLocal({ loading: false });
   let href = props.href || "";
 
@@ -42,13 +44,26 @@ export const NavLink: FC<
             setTimeout(() => {
               local.loading = false;
             }, 3000);
+          } else if (props.back_title) {
+            local.loading = true;
+            local.render();
+            navigate(props.href, { breads: [{ label: props.back_title }] });
+            setTimeout(() => {
+              local.loading = false;
+            }, 3000);
           } else {
             navigate(props.href);
           }
         }
       }}
     >
-      {local.loading ? <Spinner /> : props.children}
+      {local.loading ? (
+        <div className="c-flex c-flex-1 c-items-center c-justify-center c-w-full c-h-full">
+          <Spinner />
+        </div>
+      ) : (
+        props.children
+      )}
     </a>
   );
 };