diff --git a/native_gg/App.tsx b/native_gg/App.tsx
index ed58107f0..0506b73a2 100644
--- a/native_gg/App.tsx
+++ b/native_gg/App.tsx
@@ -1,5 +1,5 @@
import { StatusBar } from "expo-status-bar";
-import { Button, StyleSheet, Text, View } from "react-native";
+import { Button, SafeAreaView, ScrollView, StyleSheet, Text, View } from "react-native";
import { Image } from "expo-image";
import { LinearGradient } from "expo-linear-gradient";
import { useEffect, useReducer, useRef } from "react";
@@ -38,65 +38,77 @@ export default function App() {
}, []);
return (
-
+
+
- Guardian Ghost
-
-
-
-
-
- {
- if (authServiceRef.current) {
- authServiceRef.current.startAuth();
- }
- }}
- processURL={(url) => {
- if (authServiceRef.current) {
- authServiceRef.current.processURL(url);
- }
- }}
- />
+
+ Guardian Ghost
+
+
+
+
+
+ {
+ if (authServiceRef.current) {
+ authServiceRef.current.startAuth();
+ }
+ }}
+ processURL={(url) => {
+ if (authServiceRef.current) {
+ authServiceRef.current.processURL(url);
+ }
+ }}
+ />
- Membership ID:
- {state.currentAccount?.supplementalDisplayName}
+ Membership ID:
+ {state.currentAccount?.supplementalDisplayName}
-
- Authenticated: {state.authenticated ? "True" : "False"}
-
-
-
+
+ Authenticated: {state.authenticated ? "True" : "False"}
+
+
+ AuthService.logoutCurrentUser()} />
+
+ saveItemDefinition()} />
+
+ getItemDefinition()} />
+
+ getProfileTest()} />
+
+
);
}
const styles = StyleSheet.create({
+ topContainer: {
+ flex: 1,
+ },
container: {
flex: 1,
- backgroundColor: "#fff",
alignItems: "center",
- justifyContent: "center",
},
imageContainer: {
- borderRadius: 20,
- overflow: "hidden",
+ borderRadius: 16,
+ shadowColor: "#000",
+ shadowOffset: {
+ width: 5,
+ height: 5,
+ },
+ shadowOpacity: 0.5,
+ shadowRadius: 5,
+ elevation: 3,
},
image: {
width: 200,
height: 200,
+ borderRadius: 16,
+ overflow: "hidden",
},
spacer: {
- marginTop: 20,
+ marginTop: 10,
},
});