QC Job

# fix
- Create dan edit
- Bagikam WA
- Loading
## No isssue

src/app_modules/job/component/default_value.ts

@@ -0,0 +1,24 @@
+export let defaultSyarat = `
+<p><strong>Syarat &amp; Ketentuan :</strong></p>
+<p><i>* Tuliskan sesuai kebutuhan</i></p>
+`;
+
+export let defaultDeskripsi = `
+<p>
+<strong>Deskripsi :</strong>
+</p>
+<p>Jika berminat dapat menghubungi WA berikut</p>
+<p>+6281 xxx xxx xx</p>
+<p>Kirim CV anda melalui email berikut</p>
+<p>test-email@gmail.com</p>
+<p>Atau kunjungi website kami:</p>
+<p>
+<a
+href="https://test-hipmi.wibudev.com/"
+rel="noopener noreferrer"
+target="_blank"
+>
+https://test-hipmi.wibudev.com/
+</a>
+</p>
+`;

src/app_modules/job/component/header_tamplate.tsx

@@ -23,6 +23,8 @@ export default function ComponentJob_HeaderTamplate({
   bg?: any;
 }) {
   const router = useRouter();
+  const [isLoading, setLoading] = useState(false);
+  const [isRightLoading, setRightLoading] = useState(false);
   return (
     <>
       <Header
@@ -35,8 +37,10 @@ export default function ComponentJob_HeaderTamplate({
             <ActionIcon variant="transparent" disabled></ActionIcon>
           ) : (
             <ActionIcon
+              loading={isLoading ? true : false}
               variant="transparent"
               onClick={() => {
+                setLoading(true);
                 if (route === null || route === undefined) {
                   return router.back();
                 } else {
@@ -54,8 +58,12 @@ export default function ComponentJob_HeaderTamplate({
             } else {
               return (
                 <ActionIcon
+                  loading={isRightLoading ? true : false}
                   variant="transparent"
-                  onClick={() => router.push(route2)}
+                  onClick={() => {
+                    setRightLoading(true);
+                    router.push(route2);
+                  }}
                 >
                   {icon}
                 </ActionIcon>

src/app_modules/job/component/is_empty_data.tsx

@@ -5,7 +5,7 @@ import { Center } from "@mantine/core";
 export default function ComponentJob_IsEmptyData({ text }: { text: string }) {
   return (
     <>
-      <Center h={"50vh"} fz={"sm"} fw={"bold"}>
+      <Center h={"50vh"} fz={"sm"} fw={"bold"} c={"gray"}>
         {text}
       </Center>
     </>