見直し前の最終

frontend/src/app/fields/[id]/page.tsx

@@ -23,6 +23,7 @@ export default function EditFieldPage() {
     area_tan: '',
     area_m2: '',
     owner_name: '',
+    group_name: '',
   });
 
   useEffect(() => {
@@ -39,6 +40,7 @@ export default function EditFieldPage() {
         area_tan: field.area_tan?.toString() || '',
         area_m2: field.area_m2?.toString() || '',
         owner_name: field.owner_name || '',
+        group_name: field.group_name || '',
       });
     } catch (err: unknown) {
       console.error('Failed to fetch field:', err);
@@ -68,6 +70,7 @@ export default function EditFieldPage() {
         area_tan: formData.area_tan ? parseFloat(formData.area_tan) : null,
         area_m2: formData.area_m2 ? parseInt(formData.area_m2) : null,
         owner_name: formData.owner_name || null,
+        group_name: formData.group_name || null,
       };
 
       await api.patch(`/fields/${fieldId}/`, data);
@@ -213,6 +216,26 @@ export default function EditFieldPage() {
               />
             </div>
 
+            <div>
+              <label htmlFor="group_name" className="block text-sm font-medium text-gray-700 mb-1">
+                グループ名
+              </label>
+              <input
+                type="text"
+                id="group_name"
+                name="group_name"
+                value={formData.group_name}
+                onChange={handleChange}
+                className="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-green-500"
+                placeholder="例：Aエリア"
+              />
+            </div>
+
+            <div className="pt-4">
+                placeholder="例：山田太郎"
+              />
+            </div>
+
             <div className="pt-4">
               <button
                 type="submit"