App.js

@@ -19,18 +19,39 @@ var information = "data goes here"
 
 function organize(){
 	
-	var stringDiv = JSON.parse(information)
-	var csv = parse(stringDiv)
-	console.log(csv)
+	var stringDiv = JSON.stringify(information)
+	stringDiv = stringDiv.replace('[[', '');
+	stringDiv = stringDiv.replace(']]', '');
+	stringDiv = stringDiv.split(',')
+	//create smaller array variables
+	let variables = []
+	let value = []
+	let est = []
 	
-	//var csv is the variable with the thing you just pulled
-	//put function and data cleaning here
-	//just make sure you change the return value in 'getInfo()'
-	//so it returns the actual organized table
-	//or make getInfo() organize the table as well
-	//and return that organized table
-	//i leave this to you
 	
+	//theres a better way to do this but im not fixing it rn
+	for(let i = 0; i<stringDiv.length; i++){
+		if(i<stringDiv.length/3)
+		{variables.push(stringDiv[i])}
+		else if(i<stringDiv.length/3*2)
+		{value.push(stringDiv[i])}
+		else{est.push(stringDiv[i])}
+	}
+	
+	//anyways this to format it
+	
+	console.log("vars:",variables)
+	console.log("val:",value)
+	console.log("est:",est)
+	//organizedData = JSON.parse(information)
+	//console.log(stringDiv)
+	
+}
+
+function json_2_csv(information){
+	const csv = parse(obj);
+
+	console.log(csv);
 }
 
 //fix
@@ -96,15 +117,14 @@ const styles = StyleSheet.create({
 	  margin: 30,
 	  borderColor: "white",
 	  borderRadius: 8,
-	  paddingVertical: 15,
-	  paddingHorizontal: 30,
-	  backgroundColor: "#008CBA",
+	  padding: (30, 16),
+	  backgroundColor: "black",
 	  marginTop: 0
   }, 
   buttonContainer: {
     flexDirection: 'column',
     backgroundColor: 'black',
-    // alignItems: 'center',
+    alignItems: 'center',
     justifyContent: 'center',
 	paddingTop:5,
 	marginTop: 30,
@@ -112,7 +132,7 @@ const styles = StyleSheet.create({
   container: {
     flexDirection: 'column',
 	justifyContent: 'center',
-    backgroundColor: 'black',
+    backgroundColor: '#f0f8ff',
     alignItems: 'center',
     justifyContent: 'center',
 	paddingTop:20,
@@ -120,11 +140,11 @@ const styles = StyleSheet.create({
   },
   containerbackground:{
 	
-    backgroundColor: '#063970'
+    backgroundColor: '#f0f8ff'
   },
   intro: {
 	  fontWeight: "bold",
-      color:"#beb2c8",
+      color:"#black",
 	  fontSize: 30,
   },
   intro2: {
@@ -134,14 +154,14 @@ const styles = StyleSheet.create({
 },
 
   sub: {
-	color:"#beb2c8",  
+	color:"#black",  
 	fontWeight: "bold",
 	fontSize: 15,
 	paddingBottom:10,
 },
 
   Navsub: {
-      color:"#beb2c8",  
+      color:"#black",  
 	  fontWeight: "bold",
 	  fontSize: 30,
 	  paddingBottom:10,
@@ -171,6 +191,7 @@ const styles = StyleSheet.create({
 });
 
 
+
 //default button press
 
 const handlePress = () => false
@@ -315,10 +336,6 @@ function Picker() {
 	{label: 'Yauco', value: '153'}
   ]);
   
-  //add a thing here to select year to take info from
-  
-
-//add a dropdown in here 
 
   return (
   <View>
@@ -356,8 +373,6 @@ function Picker() {
 	  searchPlaceholder="Busqueda..."
     />
 	
-	
-	
 	</View>
   );
 
@@ -390,37 +405,22 @@ class App extends React.Component {
 	//the text at the end of a page gets cut off if anyone knows how to fix that?
 	vars = {
 		welcome:
+
+		<View style = {styles.containerbackground}>
+		<ScrollView style={styles.scrollView}>
 			<View style = {styles.containerbackground}>
 		
 		  	<View style = {styles.container}>
-		  
-		  
-				<Text style={styles.intro}>BIENVENIDO!!!!</Text>
-	
-				<Image source={require('./Logo.jpeg')} />
+				<Text style={styles.intro}>Bienvenido!</Text>
 			</View>
 			<View style = {styles.container}>
 				<Text style={styles.sub}>Aqui podra mantenerse al tanto con las 
 					ultimas noticias relacionadas al censo y tambien verificar 
 					las tablas por municipio.</Text>
 		   </View>
-		   <View style = {styles.container}>
-				<Text style={styles.intro2}>Contactenos:</Text>
-				<Text style={styles.sub}>Prof: Hernando Mattei Torres
-				<Button onPress={() => Linking.openURL('mailto:hernando.mattei@upr.edu') }
-      			title="e-mail" /></Text>
-				<Text style={styles.sub}>Angelica Rosario Santos
-				<Button onPress={() => Linking.openURL('mailto:angelica.rosario2@upr.edu') }
-      			title="e-mail" /></Text>
-				<Text style={styles.sub}>Data from:</Text>
-				<Image source={require('./census-logos.png')} />
-				<Button onPress={() => Linking.openURL('https://data.census.gov/profile?q=United+States&g=0100000US') }
-      			title="United States Census page" />
-		   </View>
-		  
-		</View>
-		
-		,
+		  </ScrollView>
+		</View>,
+		 
 		newsView:
 		<View style = {styles.containerbackground}>
 		<ScrollView style={styles.scrollView}>
@@ -429,9 +429,6 @@ class App extends React.Component {
 			<Text style={styles.intro}>Noticias</Text>
 			
 			<Image source={require('./Logo.jpeg')} />
-		  
-			 
-			
 			
 		 </View>
 		</ScrollView>
@@ -442,12 +439,10 @@ class App extends React.Component {
 		<ScrollView nestedScrollEnabled = {true} style={styles.scrollView}>
 		 <View style = {styles.container}>
 			
-		  
 			<Text style={styles.intro}>DATA VIEWING PROJECT</Text>		
 				
 			<Picker />
-			
-			<Image source={require('./testimg.gif')} />
+
 				
 			<DataButton />
 			

yarn.lock

@@ -2799,6 +2799,13 @@
   "resolved" "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.2.0.tgz"
   "version" "2.2.0"
 
+"bindings@^1.5.0":
+  "integrity" "sha512-p2q/t/mhvuOj/UeLlV6566GD/guowlr0hHxClI0W9m7MWYkL1F0hLo+0Aexs9HSPCtR1SXQ0TD3MMKrXZajbiQ=="
+  "resolved" "https://registry.npmjs.org/bindings/-/bindings-1.5.0.tgz"
+  "version" "1.5.0"
+  dependencies:
+    "file-uri-to-path" "1.0.0"
+
 "bl@^4.1.0":
   "integrity" "sha512-1W07cM9gS6DcLperZfFSj+bWLtaPGSOHWhPiGzXmvVJbRLdG82sH/Kn8EtW1VqWVA54AKf2h5k5BbnIbwF3h6w=="
   "resolved" "https://registry.npmjs.org/bl/-/bl-4.1.0.tgz"
@@ -5394,6 +5401,19 @@
   "resolved" "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz"
   "version" "1.0.0"
 
+"fsevents@^1.2.7":
+  "integrity" "sha512-oWb1Z6mkHIskLzEJ/XWX0srkpkTQ7vaopMQkyaEIoq0fmtFVxOthb8cCxeT+p3ynTdkk/RZwbgG4brR5BeWECw=="
+  "resolved" "https://registry.npmjs.org/fsevents/-/fsevents-1.2.13.tgz"
+  "version" "1.2.13"
+  dependencies:
+    "bindings" "^1.5.0"
+    "nan" "^2.12.1"
+
+"fsevents@^2.1.2", "fsevents@~2.3.2":
+  "integrity" "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA=="
+  "resolved" "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz"
+  "version" "2.3.2"
+
 "function-bind@^1.1.1":
   "integrity" "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A=="
   "resolved" "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz"
@@ -7643,6 +7663,11 @@
     "object-assign" "^4.0.1"
     "thenify-all" "^1.0.0"
 
+"nan@^2.12.1":
+  "integrity" "sha512-2ZTgtl0nJsO0KQCjEpxcIr5D+Yv90plTitZt9JBfQvVJDS5seMl3FOvsh3+9CoYWXf/1l5OaZzzF6nDm4cagaQ=="
+  "resolved" "https://registry.npmjs.org/nan/-/nan-2.17.0.tgz"
+  "version" "2.17.0"
+
 "nanomatch@^1.2.9":
   "integrity" "sha512-fpoe2T0RbHwBTBUOftAfBPaDEi06ufaUai0mE6Yn1kacc3SnTErfb/h+X94VXzI64rKFHYImXSvdwGGCmwOqCA=="
   "resolved" "https://registry.npmjs.org/nanomatch/-/nanomatch-1.2.13.tgz"