Added storage view, and updated the UI in general

2026-02-08 00:36:26 +01:00 · 2018-08-21 07:10:22 +02:00
parent 41570fb15e
commit 5a10498da7
29 changed files with 472 additions and 24 deletions
--- a/lib/src/components/DevTool/Storage/Keys.js
+++ b/lib/src/components/DevTool/Storage/Keys.js
@@ -0,0 +1,41 @@
+import React from 'react';
+import styled from 'styled-components/native';
+import Row from '../../base/Row';
+import {
+  Body,
+} from '../../base/text';
+
+const Scroll = styled.ScrollView`
+  flex: 1;
+`;
+
+const Wrapper = styled.View`
+`;
+
+const Button = styled.TouchableOpacity`
+`;
+
+const Keys = ({
+  keys,
+  selected,
+  onSelect,
+}) => (
+  <Scroll>
+    <Wrapper>
+      {keys.map(key => (
+        <Button
+          key={key}
+          onPress={() => onSelect(key)}
+        >
+          <Row
+            selected={selected === key}
+          >
+            <Body>{key}</Body>
+          </Row>
+        </Button>
+      ))}
+    </Wrapper>
+  </Scroll>
+)
+
+export default Keys;