From 525f158388987c55846ccfe302b7eaae425f69ab Mon Sep 17 00:00:00 2001
From: Rama Priyanto <priyantorama12@gmail.com>
Date: Mon, 13 Jan 2025 12:48:58 +0700
Subject: [PATCH] fix create new categ satker polda

---
 .../settings/category/component/edit.tsx      | 273 +++++++++---------
 1 file changed, 137 insertions(+), 136 deletions(-)

diff --git a/app/[locale]/(protected)/admin/settings/category/component/edit.tsx b/app/[locale]/(protected)/admin/settings/category/component/edit.tsx
index dae2cd75..aebf2356 100644
--- a/app/[locale]/(protected)/admin/settings/category/component/edit.tsx
+++ b/app/[locale]/(protected)/admin/settings/category/component/edit.tsx
@@ -350,28 +350,101 @@ export default function EditCategoryModal(props: {
                 </FormItem>
               )}
             />
+            <FormField
+              control={form.control}
+              name="selectedUser"
+              render={() => (
+                <FormItem>
+                  <FormLabel>Target Publish</FormLabel>
+
+                  <div className="flex flex-row items-center gap-2">
+                    <div className="flex gap-3 items-center">
+                      <Checkbox
+                        id="all"
+                        disabled={isDetail}
+                        checked={isAllUserChecked}
+                        onCheckedChange={(checked) => {
+                          if (checked) {
+                            form.setValue(
+                              "selectedUser",
+                              userList.map((item) => item.id)
+                            );
+                          } else {
+                            form.setValue("selectedUser", []);
+                          }
+                        }}
+                      />
+                      <label htmlFor="all" className="text-sm">
+                        Semua
+                      </label>
+                    </div>
+                    {userList.map((item) => (
+                      <FormField
+                        key={item.id}
+                        control={form.control}
+                        name="selectedUser"
+                        render={({ field }) => {
+                          return (
+                            <FormItem
+                              key={item.id}
+                              className="flex flex-row items-start "
+                            >
+                              <div className="flex items-center gap-3">
+                                <FormControl>
+                                  <Checkbox
+                                    disabled={isDetail}
+                                    checked={field.value?.includes(item.id)}
+                                    onCheckedChange={(checked) => {
+                                      return checked
+                                        ? field.onChange([
+                                            ...field.value,
+                                            item.id,
+                                          ])
+                                        : field.onChange(
+                                            field.value?.filter(
+                                              (value) => value !== item.id
+                                            )
+                                          );
+                                    }}
+                                  />
+                                </FormControl>
+                                <FormLabel className="font-normal">
+                                  {item.name}
+                                </FormLabel>
+                              </div>
+                            </FormItem>
+                          );
+                        }}
+                      />
+                    ))}
+                  </div>
+                  <FormMessage />
+                </FormItem>
+              )}
+            />
+
             {Number(levelNumber) === 1 ? (
               <FormField
                 control={form.control}
-                name="selectedUser"
+                name="publishTo"
                 render={() => (
                   <FormItem>
-                    <FormLabel>Target Publish</FormLabel>
+                    <FormLabel>Wilayah Publish</FormLabel>
 
                     <div className="flex flex-row items-center gap-2">
                       <div className="flex gap-3 items-center">
                         <Checkbox
                           id="all"
+                          checked={isAllTargetChecked}
                           disabled={isDetail}
-                          checked={isAllUserChecked}
                           onCheckedChange={(checked) => {
                             if (checked) {
                               form.setValue(
-                                "selectedUser",
-                                userList.map((item) => item.id)
+                                "publishTo",
+                                publishToList.map((item) => item.id)
                               );
                             } else {
-                              form.setValue("selectedUser", []);
+                              form.setValue("publishTo", []);
                             }
                           }}
                         />
@@ -379,44 +452,64 @@ export default function EditCategoryModal(props: {
                           Semua
                         </label>
                       </div>
-                      {userList.map((item) => (
-                        <FormField
-                          key={item.id}
-                          control={form.control}
-                          name="selectedUser"
-                          render={({ field }) => {
-                            return (
-                              <FormItem
-                                key={item.id}
-                                className="flex flex-row items-start "
-                              >
-                                <div className="flex items-center gap-3">
-                                  <FormControl>
-                                    <Checkbox
-                                      disabled={isDetail}
-                                      checked={field.value?.includes(item.id)}
-                                      onCheckedChange={(checked) => {
-                                        return checked
-                                          ? field.onChange([
-                                              ...field.value,
-                                              item.id,
-                                            ])
-                                          : field.onChange(
-                                              field.value?.filter(
-                                                (value) => value !== item.id
-                                              )
-                                            );
-                                      }}
-                                    />
-                                  </FormControl>
-                                  <FormLabel className="font-normal">
-                                    {item.name}
-                                  </FormLabel>
-                                </div>
-                              </FormItem>
-                            );
-                          }}
-                        />
+                      {publishToList.map((item) => (
+                        <>
+                          <FormField
+                            key={item.id}
+                            control={form.control}
+                            name="publishTo"
+                            render={({ field }) => {
+                              return (
+                                <FormItem
+                                  key={item.id}
+                                  className="flex flex-row items-start "
+                                >
+                                  <div className="flex items-center gap-3">
+                                    <FormControl>
+                                      <Checkbox
+                                        disabled={isDetail}
+                                        checked={field.value?.includes(item.id)}
+                                        onCheckedChange={(checked) => {
+                                          return checked
+                                            ? field.onChange([
+                                                ...field.value,
+                                                item.id,
+                                              ])
+                                            : field.onChange(
+                                                field.value?.filter(
+                                                  (value) => value !== item.id
+                                                )
+                                              );
+                                        }}
+                                      />
+                                    </FormControl>
+                                    <FormLabel className="font-normal">
+                                      {item.name}{" "}
+                                    </FormLabel>
+                                  </div>
+                                </FormItem>
+                              );
+                            }}
+                          />
+                          {item.id === "polda" &&
+                            form.getValues("publishTo")?.includes(item.id) && (
+                              <UnitMapping
+                                unit="Polda"
+                                sendDataToParent={(data) => setUnitData(data)}
+                                isDetail={isDetail ? true : false}
+                                initData={unitData}
+                              />
+                            )}
+                          {item.id === "satker" &&
+                            form.getValues("publishTo")?.includes(item.id) && (
+                              <UnitMapping
+                                unit="Satker"
+                                sendDataToParent={(data) => setSatkerData(data)}
+                                isDetail={isDetail ? true : false}
+                                initData={satkerData}
+                              />
+                            )}
+                        </>
                       ))}
                     </div>
                     <FormMessage />
@@ -445,98 +538,6 @@ export default function EditCategoryModal(props: {
               />
             )}
 
-            <FormField
-              control={form.control}
-              name="publishTo"
-              render={() => (
-                <FormItem>
-                  <FormLabel>Wilayah Publish</FormLabel>
-
-                  <div className="flex flex-row items-center gap-2">
-                    <div className="flex gap-3 items-center">
-                      <Checkbox
-                        id="all"
-                        checked={isAllTargetChecked}
-                        disabled={isDetail}
-                        onCheckedChange={(checked) => {
-                          if (checked) {
-                            form.setValue(
-                              "publishTo",
-                              publishToList.map((item) => item.id)
-                            );
-                          } else {
-                            form.setValue("publishTo", []);
-                          }
-                        }}
-                      />
-                      <label htmlFor="all" className="text-sm">
-                        Semua
-                      </label>
-                    </div>
-                    {publishToList.map((item) => (
-                      <>
-                        <FormField
-                          key={item.id}
-                          control={form.control}
-                          name="publishTo"
-                          render={({ field }) => {
-                            return (
-                              <FormItem
-                                key={item.id}
-                                className="flex flex-row items-start "
-                              >
-                                <div className="flex items-center gap-3">
-                                  <FormControl>
-                                    <Checkbox
-                                      disabled={isDetail}
-                                      checked={field.value?.includes(item.id)}
-                                      onCheckedChange={(checked) => {
-                                        return checked
-                                          ? field.onChange([
-                                              ...field.value,
-                                              item.id,
-                                            ])
-                                          : field.onChange(
-                                              field.value?.filter(
-                                                (value) => value !== item.id
-                                              )
-                                            );
-                                      }}
-                                    />
-                                  </FormControl>
-                                  <FormLabel className="font-normal">
-                                    {item.name}{" "}
-                                  </FormLabel>
-                                </div>
-                              </FormItem>
-                            );
-                          }}
-                        />
-                        {item.id === "polda" &&
-                          form.getValues("publishTo")?.includes(item.id) && (
-                            <UnitMapping
-                              unit="Polda"
-                              sendDataToParent={(data) => setUnitData(data)}
-                              isDetail={isDetail ? true : false}
-                              initData={unitData}
-                            />
-                          )}
-                        {item.id === "satker" &&
-                          form.getValues("publishTo")?.includes(item.id) && (
-                            <UnitMapping
-                              unit="Satker"
-                              sendDataToParent={(data) => setSatkerData(data)}
-                              isDetail={isDetail ? true : false}
-                              initData={satkerData}
-                            />
-                          )}
-                      </>
-                    ))}
-                  </div>
-                  <FormMessage />
-                </FormItem>
-              )}
-            />
             <FormField
               control={form.control}
               name="title"