diff --git a/06_Day_Map_List_Keys/06_map_list_keys_boilerplate/src/index.js b/06_Day_Map_List_Keys/06_map_list_keys_boilerplate/src/index.js index 27742a3..eeff30f 100644 --- a/06_Day_Map_List_Keys/06_map_list_keys_boilerplate/src/index.js +++ b/06_Day_Map_List_Keys/06_map_list_keys_boilerplate/src/index.js @@ -1,6 +1,5 @@ import React from 'react' import ReactDOM from 'react-dom' -import WorldList from "./population"; const numbers = []; @@ -8,16 +7,6 @@ for( let i=0; i <= 31; i++ ){ numbers.push(i); } -const hexaColor = () => { - let str = '0123456789abcdef' - let color = '' - for (let i = 0; i < 6; i++) { - let index = Math.floor(Math.random() * str.length) - color += str[index] - } - return '#' + color -} - const listContainer = { display:'flex', flexWrap: 'wrap', @@ -30,14 +19,14 @@ const listItemEven = { padding: '3rem', width: 150, height: 150, - backgroundColor: `${hexaColor()}` + backgroundColor: 'crimson' } const listItemOdd = { padding: '3rem', width: 150, height: 150, - backgroundColor: `${hexaColor()}` + backgroundColor: 'green' } // The App, or the parent or the container component @@ -49,24 +38,13 @@ const App = () => {