morten/react-native-debug-console
1
0
Fork 0
mirror of https://github.com/morten-olsen/react-native-debug-console.git synced 2026-02-08 00:36:26 +01:00
Code Issues Packages Projects Releases Wiki Activity

Rewritten to hooks

Browse Source
This commit is contained in:
Morten Olsen
2019-07-05 13:38:02 +02:00
parent a17faa9482
commit 41b4d3b115
12 changed files with 278 additions and 393 deletions
Download Patch File Download Diff File Expand all files Collapse all files

59
lib/src/components/DevTool/Requests/index.js
View File

@@ -1,11 +1,10 @@
import React from 'react';
import React, { useState } from 'react';
import {
StyleSheet,
View,
} from 'react-native';
import network from '../../../network';
import State from '../../data/State';
import Network from '../../data/Network';
import useRequests from '../../data/requests';
import Toolbar, {
Button,
Seperator,
@@ -27,36 +26,28 @@ const styles = StyleSheet.create({
},
});
let i = 0;
const Console = () => (
<State>
{({
active,
}, setState) => (
<Network>
{({ requests }) => {
const selected = active >= 0 ? requests[active] : undefined;
return (
<View style={styles.container}>
<Toolbar>
<Seperator />
<Button
name="Clear"
icon="trash"
onPress={() => network.clear()}
/>
</Toolbar>
<List
selected={selected ? selected.id : undefined}
requests={requests}
onSelect={(i) => setState({ active: i })}
/>
{selected && <Details {...selected} />}
</View>
);
}}
</Network>
)}
</State>
);
const Console = () => {
const requests = useRequests();
const [active, setActive] = useState();
const selected = active >= 0 ? requests[active] : undefined;
return (
<View style={styles.container}>
<Toolbar>
<Seperator />
<Button
name="Clear"
icon="trash"
onPress={() => network.clear()}
/>
</Toolbar>
<List
selected={selected ? selected.id : undefined}
requests={requests}
onSelect={(i) => setActive(i)}
/>
{selected && <Details {...selected} />}
</View>
);
}
export default Console;