reduce api | version control

components/SelectedGeometryPanel.tsx

@@ -42,17 +42,9 @@ type Props = {
     entityTypeOptions: EntityTypeOption[];
     geometryMetaForm: GeometryMetaFormState;
     onGeometryMetaFormChange: (key: keyof GeometryMetaFormState, value: string) => void;
-    bindingGeometrySearchQuery: string;
-    onBindingGeometrySearchQueryChange: (value: string) => void;
-    bindingGeometrySearchResults: Array<{
-        id: string;
-        label: string;
-    }>;
-    selectedBindingGeometryId: string | null;
-    onSelectBindingGeometryId: (value: string | null) => void;
-    onAddSelectedBindingGeometry: () => void;
     isEntitySubmitting: boolean;
     onCreateEntityOnly: () => void;
+    onApplyGeometryMetadata: () => void;
     onApplyEntitiesForSelectedGeometry: () => void;
     changeCount: number;
     entityFormStatus: string | null;
@@ -77,14 +69,9 @@ export default function SelectedGeometryPanel({
     entityTypeOptions,
     geometryMetaForm,
     onGeometryMetaFormChange,
-    bindingGeometrySearchQuery,
-    onBindingGeometrySearchQueryChange,
-    bindingGeometrySearchResults,
-    selectedBindingGeometryId,
-    onSelectBindingGeometryId,
-    onAddSelectedBindingGeometry,
     isEntitySubmitting,
     onCreateEntityOnly,
+    onApplyGeometryMetadata,
     onApplyEntitiesForSelectedGeometry,
     changeCount,
     entityFormStatus,
@@ -187,10 +174,6 @@ export default function SelectedGeometryPanel({
                         </div>
                     )}
 
-                    <div style={{ color: "#94a3b8", fontSize: "12px" }}>
-                        Geometry phải có ít nhất 1 entity để Save.
-                    </div>
-
                     <div
                         style={{
                             display: "grid",
@@ -202,10 +185,10 @@ export default function SelectedGeometryPanel({
                         }}
                     >
                         <div style={{ color: "#e2e8f0", fontWeight: 700, fontSize: "12px" }}>
-                            Metadata geometry (chỉ áp dụng khi bind entity)
+                            Thuộc tính GEO
                         </div>
                         <div style={{ color: "#94a3b8", fontSize: "11px" }}>
-                            `time_start`, `time_end`, `binding` chỉ được áp dụng khi bấm nút bind entity cho geometry.
+                            Các giá trị này thuộc về GEO đang chọn, không phụ thuộc entity.
                         </div>
                         <input
                             value={geometryMetaForm.time_start}
@@ -221,44 +204,13 @@ export default function SelectedGeometryPanel({
                             disabled={isEntitySubmitting}
                             style={entityInputStyle}
                         />
-                        <input
-                            value={geometryMetaForm.binding}
-                            onChange={(event) => onGeometryMetaFormChange("binding", event.target.value)}
-                            placeholder="binding ids (vd: geo-id-1, geo-id-2)"
-                            disabled={isEntitySubmitting}
-                            style={entityInputStyle}
-                        />
-                        <input
-                            value={bindingGeometrySearchQuery}
-                            onChange={(event) =>
-                                onBindingGeometrySearchQueryChange(event.target.value)
-                            }
-                            placeholder="Search geometry để thêm vào binding..."
-                            disabled={isEntitySubmitting}
-                            style={entityInputStyle}
-                        />
-                        <select
-                            value={selectedBindingGeometryId || ""}
-                            onChange={(event) =>
-                                onSelectBindingGeometryId(event.target.value ? event.target.value : null)
-                            }
-                            disabled={isEntitySubmitting}
-                            style={entityInputStyle}
-                        >
-                            <option value="">-- Chọn geometry từ kết quả search binding --</option>
-                            {bindingGeometrySearchResults.map((item) => (
-                                <option key={item.id} value={item.id}>
-                                    {item.label}
-                                </option>
-                            ))}
-                        </select>
                         <button
                             type="button"
-                            onClick={onAddSelectedBindingGeometry}
+                            onClick={onApplyGeometryMetadata}
                             disabled={isEntitySubmitting}
-                            style={secondaryActionButtonStyle}
+                            style={primaryGeometryButtonStyle}
                         >
-                            Thêm geometry đã chọn vào binding
+                            Apply
                         </button>
                     </div>
 
@@ -327,13 +279,13 @@ export default function SelectedGeometryPanel({
                                 fontWeight: 600,
                             }}
                         >
-                            Áp dụng danh sách entity + metadata
+                            Áp dụng danh sách entity
                         </button>
                     </div>
 
                     {changeCount > 0 ? (
                         <div style={{ color: "#fca5a5", fontSize: "12px" }}>
-                            Geometry mới sẽ lưu entity khi bấm Save.
+                            Thay đổi sẽ vào lịch sử khi Commit.
                         </div>
                     ) : null}
                 </div>
@@ -470,6 +422,16 @@ const secondaryActionButtonStyle: CSSProperties = {
     color: "#ffffff",
 };
 
+const primaryGeometryButtonStyle: CSSProperties = {
+    border: "none",
+    borderRadius: "6px",
+    padding: "7px 8px",
+    cursor: "pointer",
+    background: "#0f766e",
+    color: "#ffffff",
+    fontWeight: 600,
+};
+
 function resolveFeatureGeometryPreset(feature: Feature): EntityGeometryPreset {
     const explicitPreset = normalizeGeometryPreset(feature.properties.geometry_preset);
     if (explicitPreset) return explicitPreset;