From f0bf4e7afdcd8b02a62be45ab3e7d047ed865a79 Mon Sep 17 00:00:00 2001 From: Kirill Rogovoy Date: Mon, 19 Jul 2021 20:06:08 +0300 Subject: Apply Prettier --- app/screens/graph/graph-screen.tsx | 200 ++++++++++++++++++++++--------------- 1 file changed, 117 insertions(+), 83 deletions(-) (limited to 'app/screens/graph/graph-screen.tsx') diff --git a/app/screens/graph/graph-screen.tsx b/app/screens/graph/graph-screen.tsx index a97fe68..8c35590 100644 --- a/app/screens/graph/graph-screen.tsx +++ b/app/screens/graph/graph-screen.tsx @@ -1,31 +1,30 @@ -import React, { useEffect, useState } from "react" -import { observer } from "mobx-react-lite" -import { TouchableOpacity, View, ViewStyle } from "react-native" -import { Screen, Text } from "../../components" +import React, { useEffect, useState } from 'react' +import { observer } from 'mobx-react-lite' +import { TouchableOpacity, View, ViewStyle } from 'react-native' +import { Screen, Text } from '../../components' // import { useNavigation } from "@react-navigation/native" // import { useStores } from "../../models" -import { color } from "../../theme" +import { color } from '../../theme' -import { Graph } from "../../components" -import { Tweaks } from "../../components" +import { Graph } from '../../components' +import { Tweaks } from '../../components' -import genRandomTree from "../../data/randomdata" +import genRandomTree from '../../data/randomdata' -import AsyncStorage from "@react-native-async-storage/async-storage" +import AsyncStorage from '@react-native-async-storage/async-storage' -import axios from "axios" - -import rando from "../../data/rando.json" +import axios from 'axios' +import rando from '../../data/rando.json' const ROOT: ViewStyle = { backgroundColor: color.palette.black, flex: 1, } -import { LocalButton } from "../../components/" -import { GraphUi } from "../../components/graph-ui/graph-ui" -import { Switch } from "react-native-elements" +import { LocalButton } from '../../components/' +import { GraphUi } from '../../components/graph-ui/graph-ui' +import { Switch } from 'react-native-elements' export const GraphScreen = observer(function GraphScreen() { // Pull in one of our MST stores // const { someStore, anotherStore } = useStores() @@ -62,11 +61,11 @@ export const GraphScreen = observer(function GraphScreen() { const getData = async () => { try { - const value: string = await AsyncStorage.getItem("@physics") + const value: string = await AsyncStorage.getItem('@physics') if (value !== null) { const valueJson = JSON.parse(value) if (Object.keys(valueJson).length === Object.keys(physicsInit).length) { - valueJson.local=false; + valueJson.local = false return valueJson } else { return physicsInit @@ -81,8 +80,8 @@ export const GraphScreen = observer(function GraphScreen() { const storeData = async (value) => { try { let jsonVal = JSON.stringify(value) - console.log(jsonVal + " " + value) - await AsyncStorage.setItem("@physics", jsonVal) + console.log(jsonVal + ' ' + value) + await AsyncStorage.setItem('@physics', jsonVal) } catch (e) { console.log(e) } @@ -114,7 +113,7 @@ export const GraphScreen = observer(function GraphScreen() { !a.links && (a.links = []) // the first time around, // index the node as not a part of the local graph - !j && (a.local=false); + !j && (a.local = false) if (link.target === data.nodes[i].id) { a.links.push(link) target = [a, i] @@ -130,51 +129,53 @@ export const GraphScreen = observer(function GraphScreen() { link.sourceIndex = source[1] link.targetIndex = target[1] link.index = [j] - link.local = false; + link.local = false } }) - data.links = cleanLinks; - return data; + data.links = cleanLinks + return data } - -const [theme, setTheme] = useState({ -base1: "#1c1f24", -base2: "#21272d", -base3: "#23272e", -base4: "#484854", -base5: "#62686E", -base6: "#757B80", -base7: "#9ca0a4", -base8: "#DFDFDF", -bg: "#242730", -"bg-alt": "#2a2e38", -blue: "#51afef", -cyan: "#5cEfFF", -"dark-blue": "#1f5582", -"dark-cyan": "#6A8FBF", -fg: "#bbc2cf", -"fg-alt": "#5D656B", -green: "#7bc275", -grey: "#484854", -magenta: "#C57BDB", -orange: "#e69055", -red: "#ff665c", -teal: "#4db5bd", -violet: "#a991f1", -yellow: "#FCCE7B", - }); + const [theme, setTheme] = useState({ + base1: '#1c1f24', + base2: '#21272d', + base3: '#23272e', + base4: '#484854', + base5: '#62686E', + base6: '#757B80', + base7: '#9ca0a4', + base8: '#DFDFDF', + bg: '#242730', + 'bg-alt': '#2a2e38', + blue: '#51afef', + cyan: '#5cEfFF', + 'dark-blue': '#1f5582', + 'dark-cyan': '#6A8FBF', + fg: '#bbc2cf', + 'fg-alt': '#5D656B', + green: '#7bc275', + grey: '#484854', + magenta: '#C57BDB', + orange: '#e69055', + red: '#ff665c', + teal: '#4db5bd', + violet: '#a991f1', + yellow: '#FCCE7B', + }) useEffect(() => { getData().then((data) => setPhysics(data)) - axios.get("http://localhost:35901/theme") - .then((theme)=>{setTheme(theme.data); - console.log(theme.data)}) + axios + .get('http://localhost:35901/theme') + .then((theme) => { + setTheme(theme.data) + console.log(theme.data) + }) .catch((e) => { - console.log("No theme found") + console.log('No theme found') }) axios - .get("http://localhost:35901/graph") + .get('http://localhost:35901/graph') .then((dataa) => { let cleanData = sanitizeGraph(dataa.data) console.log(cleanData) @@ -185,45 +186,78 @@ yellow: "#FCCE7B", console.log("Couldn't get data.") //setGraphData(rando); }) - }, []); + }, []) - const [threeDim, setThreeDim] = useState(false); - const [local, setLocal] = useState(false); + const [threeDim, setThreeDim] = useState(false) + const [local, setLocal] = useState(false) if (!graphData) { return null } else { return ( - - - - - - - + + { - setThreeDim(!threeDim) + marginLeft: 'auto', + marginRight: '2%', + marginTop: '2%', + zIndex: 5, + position: 'relative', + height: '15%', }} + > + + + + { + setThreeDim(!threeDim) + }} + /> + + + - - - ) } -- cgit v1.2.3