ibm-developer-skills-network · alerobleto2807 · Nov 24, 2022
diff --git a/sentimentAnalyzeClient/package-lock.json b/sentimentAnalyzeClient/package-lock.json
diff --git a/sentimentAnalyzeClient/public/index.html b/sentimentAnalyzeClient/public/index.html
@@ -10,34 +10,13 @@
       content="Web site created using create-react-app"
     />
     <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
-    <!--
-      manifest.json provides metadata used when your web app is installed on a
-      user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
-    -->
-    <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
-    <!--
-      Notice the use of %PUBLIC_URL% in the tags above.
-      It will be replaced with the URL of the `public` folder during the build.
-      Only files inside the `public` folder can be referenced from the HTML.
 
-      Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
-      work correctly both with client-side routing and a non-root public URL.
-      Learn how to configure a non-root public URL by running `npm run build`.
-    -->
-    <title>React App</title>
+    <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
+
+    <title>🤖| Analizador de opiniones</title>
   </head>
   <body>
     <noscript>You need to enable JavaScript to run this app.</noscript>
     <div id="root"></div>
-    <!--
-      This HTML file is a template.
-      If you open it directly in the browser, you will see an empty page.
-
-      You can add webfonts, meta tags, or analytics to this file.
-      The build step will place the bundled scripts into the <body> tag.
-
-      To begin the development, run `npm start` or `yarn start`.
-      To create a production bundle, use `npm run build` or `yarn build`.
-    -->
   </body>
 </html>
diff --git a/sentimentAnalyzeClient/src/App.js b/sentimentAnalyzeClient/src/App.js
@@ -49,9 +49,9 @@ class App extends React.Component {
         let output = data.label;
         let color = "white"
         switch(output) {
-          case "positive": color = "black";break;
-          case "negative": color = "black";break;
-          default: color = "black";
+          case "positive": color = "green";break;
+          case "negative": color = "red";break;
+          default: color = "yellow";
         }
         output = <div style={{color:color,fontSize:20}}>{output}</div>
         this.setState({sentimentOutput:output});

diff --git a/sentimentAnalyzeClient/src/EmotionTable.js b/sentimentAnalyzeClient/src/EmotionTable.js
@@ -1,23 +1,31 @@
 import React from 'react';
 import './bootstrap.min.css';
 
+
+
 class EmotionTable extends React.Component {
     render() {
       //Returns the emotions as an HTML table
       return (  
-        <div>
-          <table className="table table-bordered">
-            <tbody>
-            {
-              /*Write code to use the .map method that you worked on in the 
-              Hands-on React lab to extract the emotions. If you are stuck,
-              please click the instructions to see how to implement a map*/
-            }
-            </tbody>
-          </table>
+          <div>
+              <table className="table table-bordered">
+                  <tbody>
+                      {Object.entries(this.props.emotions).map(function (mapentry) {
+                          return (
+                              <tr>
+                                  <td>{mapentry[0]}</td>
+                                  <td>{mapentry[1]}</td>
+                              </tr>
+                          )
+                      })
+                      }
+                  </tbody>
+              </table>
           </div>
-          );
+      );
+
         }
 
 }
-export default EmotionTable;
+export default EmotionTable;
+
diff --git a/sentimentAnalyzeClient/yarn.lock b/sentimentAnalyzeClient/yarn.lock
diff --git a/sentimentAnalyzeServer/node_modules/.bin/mime b/sentimentAnalyzeServer/node_modules/.bin/mime
diff --git a/sentimentAnalyzeServer/node_modules/.bin/mime.cmd b/sentimentAnalyzeServer/node_modules/.bin/mime.cmd
diff --git a/sentimentAnalyzeServer/node_modules/.bin/mime.ps1 b/sentimentAnalyzeServer/node_modules/.bin/mime.ps1
diff --git a/sentimentAnalyzeServer/node_modules/.bin/node-gyp-build b/sentimentAnalyzeServer/node_modules/.bin/node-gyp-build
diff --git a/sentimentAnalyzeServer/node_modules/.bin/node-gyp-build-optional b/sentimentAnalyzeServer/node_modules/.bin/node-gyp-build-optional
diff --git a/sentimentAnalyzeServer/node_modules/.bin/node-gyp-build-optional.cmd b/sentimentAnalyzeServer/node_modules/.bin/node-gyp-build-optional.cmd
diff --git a/sentimentAnalyzeServer/node_modules/.bin/node-gyp-build-optional.ps1 b/sentimentAnalyzeServer/node_modules/.bin/node-gyp-build-optional.ps1
diff --git a/sentimentAnalyzeServer/node_modules/.bin/node-gyp-build-test b/sentimentAnalyzeServer/node_modules/.bin/node-gyp-build-test
diff --git a/sentimentAnalyzeServer/node_modules/.bin/node-gyp-build-test.cmd b/sentimentAnalyzeServer/node_modules/.bin/node-gyp-build-test.cmd
diff --git a/sentimentAnalyzeServer/node_modules/.bin/node-gyp-build-test.ps1 b/sentimentAnalyzeServer/node_modules/.bin/node-gyp-build-test.ps1
diff --git a/sentimentAnalyzeServer/node_modules/.bin/node-gyp-build.cmd b/sentimentAnalyzeServer/node_modules/.bin/node-gyp-build.cmd
diff --git a/sentimentAnalyzeServer/node_modules/.bin/node-gyp-build.ps1 b/sentimentAnalyzeServer/node_modules/.bin/node-gyp-build.ps1
diff --git a/sentimentAnalyzeServer/node_modules/.bin/nodemon b/sentimentAnalyzeServer/node_modules/.bin/nodemon
diff --git a/sentimentAnalyzeServer/node_modules/.bin/nodemon.cmd b/sentimentAnalyzeServer/node_modules/.bin/nodemon.cmd
diff --git a/sentimentAnalyzeServer/node_modules/.bin/nodemon.ps1 b/sentimentAnalyzeServer/node_modules/.bin/nodemon.ps1