modification button

bovealexandre · Apr 28, 2019 · aea6b6e · aea6b6e
1 parent 463b4f7
commit aea6b6e
Show file tree

Hide file tree

Showing 4 changed files with 29 additions and 7 deletions.
diff --git a/src/InfoMeteo.js b/src/InfoMeteo.js
@@ -2,10 +2,22 @@ import React from 'react';
 
 export const InfoMeteo = (props) => {
   const {tabData, temps, wind}=props
-  console.log(temps)
+  let x = Math.ceil(temps.length / 2);
+
+  let list1 = [], list2 = [];
+
+  for (let i = 0; i < temps.length; i++) {
+    if (i > x) {
+      list1.push(temps[i]);
+    } else {
+      list2.push(temps[i]);
+    }
+  }
+
   return (
+    <div>
     <div className="ofx-s w-100 row">
-      {temps.map((temp)=>
+      {list1.map((temp)=>
         (
         <div className="w-250px p-20">
           Temperature : {Math.floor(temp)} °C<br/> 
@@ -17,5 +29,7 @@ export const InfoMeteo = (props) => {
       ) 
       )}
     </div>
+
+  </div>
   )
 }
diff --git a/src/InfoPlanet.js b/src/InfoPlanet.js
@@ -21,10 +21,10 @@ export const InfoPlanet = (props) => {
         {Math.floor(props.coord.longitude)}
         <div className="buttonfield">
         <button onClick={startRecording} type="button" className="button">
-          Start
+          Speak
         </button>
         <button onClick={stopRecording} type="button" className="button" >
-          Stop
+          Answers
         </button>
         </div>
       </div>

diff --git a/src/Planet.js b/src/Planet.js
@@ -61,7 +61,7 @@ export class Planet extends Component {
 			let sphereGeometry2 = new THREE.SphereBufferGeometry(15, 30, 30, 0,Math.PI );
 
 			// Sphere Material 2
-			let sphereMaterial2= new THREE.MeshPhongMaterial({ color : 0xffffff});
+			let sphereMaterial2= new THREE.MeshPhongMaterial({color : 0xffffff });
 			let sphereMesh2 = new THREE.Mesh(sphereGeometry2, sphereMaterial2);
 			sphereMesh2.position.set(0, 0, 200);
 			pivotPoint.add(sphereMesh2);

diff --git a/src/index.css b/src/index.css
@@ -21,11 +21,15 @@ code {
     monospace;
 }
 .ofx-s{
-  overflow-x: scroll
+  overflow-x: scroll;
+  overflow: hidden;
+}
+.sndrow{
+  grid-row: 2/3;
 }
 
 .w-100{
-  width:90vw
+  width:100vw;
 }
 .w-250px{
   width:250px;
@@ -42,6 +46,7 @@ code {
 .App{
   padding: 25px;
   color: white;
+  margin-top: 15px;
   display: grid;
   grid-template-columns: 55% auto;
 
@@ -77,9 +82,12 @@ margin: 0 3px;
   margin-top: 10px;
   display: flex;
   justify-content: center;
+  color: lightseagreen;
 
 }
 
+
+
 /* bbffee blue */
 
 /* e2381e red */