[#702] User should aware that they need to set unique segment name

Author: wayangalihpratama

backend/routes/case.py

@@ -57,6 +57,16 @@ def create_case(
     user = verify_case_creator(
         session=session, authenticated=req.state.authenticated
     )
+
+    if payload.segments:
+        # Check for duplicate segment names in the payload
+        segment_names = [seg.name for seg in payload.segments if seg.name]
+        if len(segment_names) != len(set(segment_names)):
+            raise HTTPException(
+                status_code=400,
+                detail="Failed to save case setting: The segments need to have unique names.",  # noqa
+            )
+
     case = crud_case.add_case(session=session, payload=payload, user=user)
     # Update case_import with case_id if available in request state
     if payload.import_id and case:

frontend/src/pages/cases/components/CaseSettings.js

@@ -577,6 +577,10 @@ const CaseSettings = ({ open = false, handleCancel = () => {} }) => {
         if (status === 403) {
           errorText = data.detail;
         }
+        if (status === 400 && data?.detail?.includes("unique names")) {
+          // should have unique segment name
+          errorText = data.detail;
+        }
         messageApi.open({
           type: "error",
           content: errorText,

frontend/src/pages/cases/components/SegmentConfigurationForm.js

@@ -268,8 +268,9 @@ const SegmentConfigurationForm = ({
       )}
       {segmentationPreviews?.segments?.length > 0 && !loadingPreview && (
         <Col span={24} style={{ marginTop: 16 }}>
-          <h3>
-            Please review or adjust thresholds for separating segments below:
+          <h3 style={{ fontSize: "16px" }}>
+            Please create unique segment names and review/tweak thresholds for
+            separating segments:
           </h3>
           <Row gutter={[20, 20]}>
             {segmentNumericalWarning}