#144 remove empty balloons inserting editing utters

app/package.json

@@ -8,6 +8,8 @@
     "@svgr/cli": "^4.3.2",
     "axios": "^0.19.0",
     "react": "^16.8.6",
+    "react-alert": "^7.0.2",
+    "react-alert-template-basic": "^1.0.0",
     "react-beautiful-dnd": "^11.0.5",
     "react-dom": "^16.8.6",
     "react-redux": "^7.1.0",

app/src/components/ToolbarName.js

@@ -11,6 +11,8 @@ import MoreVertIcon from '@material-ui/icons/MoreVert';
 import InfoIcon from '@material-ui/icons/InfoOutlined';
 import Tooltip from '@material-ui/core/Tooltip';
 
+import { Alert } from 'react-alert';
+
 const style = {
     toolbar: {
         background: "#f6f9f9",
@@ -68,8 +70,51 @@ export default class ToolbarName extends Component {
         }
     }
 
+    sendAlert() {
+        alert("Balões vazios foram removidos!");
+    }
+
     handleClick() {
-        this.props.saveData(this.props.item);
+        let realContent = [];
+        let newIntent = this.props.item;
+
+        this.sendAlert();
+
+
+
+        if (this.props.item.samples !== undefined) {
+            this.props.item.samples.forEach(content => {
+                if (content.trim().length !== 0) { 
+                  realContent.push(content);
+                }
+            });
+            newIntent.samples = realContent;
+            this.props.saveData(newIntent);
+        } 
+        //code above reffers to intents, so we need to treat utters also
+        else if (this.props.item.alternatives !== undefined) {
+                if (this.props.item.alternatives.length === 1) {
+                    this.props.item.alternatives[0].forEach(content => {
+                        if (content.trim().length !== 0) { 
+                          realContent.push(content);
+                        }
+                    });
+                    newIntent.alternatives[0] = realContent;
+                    this.props.saveData(newIntent);
+                } else {
+                    this.props.item.alternatives.forEach(content => {
+                        if (content[0].trim().length !== 0) { 
+                          realContent.push(content);
+                        }
+                    });
+                    newIntent.alternatives = realContent;
+                    this.props.saveData(newIntent);
+                }
+        }
+         else {
+            this.props.saveData(this.props.item);
+        }
+        //console.log("Formatado:", newIntent);
     }
 
     handleDelete() {

app/src/ducks/intents.js

@@ -59,6 +59,7 @@ export const undoDeleteIntentContent = (state = INITIAL_STATE) => {
 export const selectIntent = (state = INITIAL_STATE, action) => {
     let selected_item = action.item;
     let selected_item_position = action.item_position;
+    let nonEmptySamples=[];
 
     if (selected_item_position < 0) {
         state.intents.find((item, index) => {
@@ -67,6 +68,14 @@ export const selectIntent = (state = INITIAL_STATE, action) => {
         });
     }
 
+    selected_item.samples.forEach(sample => {
+        if (sample.trim().length !== 0) { 
+          nonEmptySamples.push(sample);
+        } 
+    });
+
+    selected_item.samples=nonEmptySamples;
+
     return {
         ...state,
         id: selected_item.id,

app/src/ducks/utters.js

@@ -82,6 +82,16 @@ export const selectUtter = (state = INITIAL_STATE, action) => {
         });
     }
 
+
+    for (let i=0; i< selected_item.alternatives[0].length; i++) {
+        if (selected_item.alternatives[0][i].trim().length === 0){
+            selected_item.alternatives[0].splice(i, 1);
+            console.log("ACERTOU!: ", selected_item.alternatives[0]);
+        };
+    }
+
+
+
     return {
         ...state,
         helper_text: "",

app/src/pages/IntentPage.js

@@ -46,15 +46,25 @@ class IntentPage extends Component {
   }
 
   checkEmptyFieldsIntent(samples) {
-    let changed = true;
+    let status = true;
+    let emptyField = false;
+    let fullfilledIntents = 0;
     if (samples !== undefined) {
       samples.forEach(sample => {
-        if (sample.trim().length === 0) {
-          changed = false;
+        if (sample.trim().length === 0) { 
+          emptyField = true;
+        } else {
+          fullfilledIntents++;
         }
       });
+
+      if (fullfilledIntents === 0 && emptyField) {
+        status = false;
+      } else {
+        status = true;
+      }
     }
-    return changed;
+    return status;
   }
 
   isButtonEnabled() {

app/src/pages/UtterPage.js

@@ -58,16 +58,27 @@ class UtterPage extends Component {
 
   checkEmptyFieldsUtter(alternatives) {
     let changed = true;
+    let emptyField = false;
+    let fullfilledUtters = 0;
+
     if (alternatives !== undefined) {
-      alternatives.forEach(alternative => {
-        alternative.forEach(text => {
-          if (text.trim().length === 0) {
-            changed = false;
-          }
-        })
-      });
-    }
-    return changed;
+        alternatives.forEach(alternative => {
+          alternative.forEach(content => {
+            if (content.trim().length === 0) {
+              emptyField = true;
+            } else {
+              fullfilledUtters++;
+            }
+          })
+        });
+
+        if (fullfilledUtters === 0 && emptyField) {
+          changed = false;
+        } else {
+          changed = true;
+        }
+      }
+      return changed;
   }
 
   isButtonEnabled() {

app/src/utils/url_routes.js

@@ -1,4 +1,4 @@
-export const BASE = process.env.REACT_APP_URL_API + 'api/v1/';
+export const BASE = 'http://localhost:8000/api/v1/'; 
 export const ITEMS_BASE = BASE + 'projects/1/';
 
 export const UTTER_URL = ITEMS_BASE + "utters/";

docker-compose.yml

@@ -7,7 +7,7 @@ services:
     ports:
       - 3000:3000
     environment:
-       REACT_APP_URL_API: http://localhost:8000/ # API 
+       REACT_APP_URL_API: http://localhost:8000/ #API
     stdin_open: true
     volumes:
       - ./app:/botflow/