From abeff9963a41904f38c102a7eadd1f04121b4710 Mon Sep 17 00:00:00 2001
From: Yoga Pangestu <ypangestu976@gmail.com>
Date: Fri, 24 Apr 2026 21:17:37 +0700
Subject: [PATCH] refactor: reorder settings form fields and improve code
 formatting

---
 .../js/pages/admin/system/settings/index.tsx  | 82 +++++++++----------
 1 file changed, 41 insertions(+), 41 deletions(-)

diff --git a/resources/js/pages/admin/system/settings/index.tsx b/resources/js/pages/admin/system/settings/index.tsx
index 4511345..c5897b0 100644
--- a/resources/js/pages/admin/system/settings/index.tsx
+++ b/resources/js/pages/admin/system/settings/index.tsx
@@ -1,15 +1,15 @@
-import { Head, useForm } from '@inertiajs/react';
-import { ImagePlus, X, Save, Loader } from 'lucide-react';
-import React, { useRef, useState } from 'react';
-import { toast } from 'sonner';
 import { Button } from '@/components/ui/button';
 import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
-import { Field, FieldError } from "@/components/ui/field"
-import { Input } from "@/components/ui/input"
-import { Label } from "@/components/ui/label"
+import { Field, FieldError } from "@/components/ui/field";
+import { Input } from "@/components/ui/input";
+import { Label } from "@/components/ui/label";
 import { Textarea } from '@/components/ui/textarea';
 import systemRoutes from '@/routes/system';
 import type { GeneralSetting } from '@/types';
+import { Head, useForm } from '@inertiajs/react';
+import { ImagePlus, Loader, Save, X } from 'lucide-react';
+import React, { useRef, useState } from 'react';
+import { toast } from 'sonner';
 
 export default function SettingIndex({ setting }: { setting: GeneralSetting | null }) {
     const { data, setData, post, processing, errors } = useForm({
@@ -31,8 +31,8 @@ export default function SettingIndex({ setting }: { setting: GeneralSetting | nu
         const file = e.target.files?.[0];
 
         if (!file) {
-return;
-}
+            return;
+        }
 
         setData('logo', file);
         const reader = new FileReader();
@@ -45,16 +45,16 @@ return;
         setLogoPreview(null);
 
         if (logoInputRef.current) {
-logoInputRef.current.value = '';
-}
+            logoInputRef.current.value = '';
+        }
     };
 
     const handleIconChange = (e: React.ChangeEvent<HTMLInputElement>) => {
         const file = e.target.files?.[0];
 
         if (!file) {
-return;
-}
+            return;
+        }
 
         setData('icon', file);
         const reader = new FileReader();
@@ -67,8 +67,8 @@ return;
         setIconPreview(null);
 
         if (iconInputRef.current) {
-iconInputRef.current.value = '';
-}
+            iconInputRef.current.value = '';
+        }
     };
 
     const onSubmit = (e: React.FormEvent) => {
@@ -99,19 +99,32 @@ iconInputRef.current.value = '';
                                 <CardTitle>Informasi Aplikasi</CardTitle>
                             </CardHeader>
                             <CardContent className="space-y-6">
-                                <Field>
-                                    <Label htmlFor="name" required>Nama Aplikasi</Label>
-                                    <Input
-                                        id="name"
-                                        name="name"
-                                        value={data.name}
-                                        onChange={e => setData('name', e.target.value)}
-                                        autoComplete='off'
-                                        placeholder='Contoh: VN Grup Dress'
-                                        maxLength={100}
-                                    />
-                                    <FieldError error={errors.name} label="Nama Aplikasi" className="text-xs" />
-                                </Field>
+                                <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
+                                    <Field>
+                                        <Label htmlFor="phone" required>No. Telepon</Label>
+                                        <Input
+                                            id="phone"
+                                            value={data.phone || ''}
+                                            onChange={(e) => setData('phone', e.target.value)}
+                                            placeholder="0812xxxx"
+                                        />
+                                        <FieldError error={errors.phone} label="No. Telepon" className="text-xs" />
+                                    </Field>
+
+                                    <Field>
+                                        <Label htmlFor="name" required>Nama Aplikasi</Label>
+                                        <Input
+                                            id="name"
+                                            name="name"
+                                            value={data.name}
+                                            onChange={e => setData('name', e.target.value)}
+                                            autoComplete='off'
+                                            placeholder='Contoh: VN Grup Dress'
+                                            maxLength={100}
+                                        />
+                                        <FieldError error={errors.name} label="Nama Aplikasi" className="text-xs" />
+                                    </Field>
+                                </div>
 
                                 <Field>
                                     <Label htmlFor="description" required>Deskripsi</Label>
@@ -125,19 +138,6 @@ iconInputRef.current.value = '';
                                     <FieldError error={errors.description} label="Deskripsi" className="text-xs mt-1" />
                                 </Field>
 
-                                <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
-                                    <Field>
-                                        <Label htmlFor="phone" required>No. Telepon</Label>
-                                        <Input
-                                            id="phone"
-                                            value={data.phone || ''}
-                                            onChange={(e) => setData('phone', e.target.value)}
-                                            placeholder="0812xxxx"
-                                        />
-                                        <FieldError error={errors.phone} label="No. Telepon" className="text-xs" />
-                                    </Field>
-                                </div>
-
                                 <Field>
                                     <Label htmlFor="address" required>Alamat</Label>
                                     <Textarea