Added 3d viewing to model

Author: Nalin-Angrish

components/App.js

@@ -125,10 +125,10 @@ function Page4(comp){
 			ReactDOM.render(
 				<section>
 					<h3 className="subtitle">Fact:</h3>
-					<p>{resp.data.fact}</p>
+					<p>{resp.data.info.fact}</p>
 					<div className={styles.buttons}>
-						<a className={styles.button} href="/app/run/view3d?url=https://wwf-jr.github.io/3D-Data/tarsier.stl" target="_blank">View in 3D</a>
-						<a className={styles.button} href="/app/run/viewar?url=https://wwf-jr.github.io/3D-Data/tarsier.stl" target="_blank">View in Real Life</a>
+						<a className={styles.button} href={`/app/run/view3d?url=${resp.data.info["3d"]}`} target="_blank">View in 3D</a>
+						<a className={styles.button} href={`/app/run/viewar?url=${resp.data.info["3d"]}`} target="_blank">View in Real Life</a>
 					</div>
 				</section>
 			, document.getElementById("main"))

pages/app/run/view3d.js

@@ -0,0 +1,15 @@
+import React from "react"
+
+export default class GoTo3D extends React.Component {
+	query;
+	constructor(props){
+		super(props)
+		console.log(props)
+	}
+	render(){
+		return (<div></div>)
+	}
+	componentDidMount(){
+		document.location.assign(document.location.href.replace("wwf-jr.netlify.app/app/run/view3d", "wwf-3d.netlify.app"))
+	}
+}

pages/app/run/viewar.js

@@ -0,0 +1,15 @@
+import React from "react"
+
+export default class GoTo3D extends React.Component {
+	query;
+	constructor(props){
+		super(props)
+		console.log(props)
+	}
+	render(){
+		return (<div></div>)
+	}
+	componentDidMount(){
+		document.location.assign(document.location.href.replace("wwf-jr.netlify.app/app/run/view3d", "wwf-3d.netlify.app"))
+	}
+}