diff --git a/App.js b/App.js
index 0ccccfe..213e02c 100755
--- a/App.js
+++ b/App.js
@@ -1,11 +1,11 @@
// Import Stuff
/// React Native
import * as React from 'react'
-import { useState } from "react";
+import { useState } from "react"
import { Alert, AsyncStorage, Text, TextInput, UseState, View } from 'react-native'
import { SafeAreaView } from 'react-native-safe-area-context'
import { WebView } from 'react-native-webview'
-import Modal from "react-native-modal";
+import Modal from "react-native-modal"
/// React Native Navigation
import { NavigationContainer } from '@react-navigation/native'
@@ -26,35 +26,10 @@ const Tab = createMaterialTopTabNavigator()
let InstanceURL = 'https://design.penpot.app/'
-_storeData = async () => {
- try {
- await AsyncStorage.setItem(
- 'I like to save it.',
- );
- } catch (error) {
- // Error saving data
- }
-};
-
-_retrieveData = async () => {
- try {
- const value = await AsyncStorage.getItem('TASKS');
- if (value !== null) {
- // We have data!!
- console.log(value);
- }
- } catch (error) {
- // Error retrieving data
- }
-};
-
// App
export default function App() {
- const [isModalVisible, setModalVisible] = useState(false);
-
- const ToggleSettingModal = () => {
- setModalVisible(!isModalVisible);
- };
+ const [isModalVisible, setModalVisible] = useState(false)
+ const ToggleSettingModal = () => {setModalVisible(!isModalVisible)}
const [tabs, setTabs] = React.useState([
{
@@ -64,7 +39,7 @@ export default function App() {
])
const addNewTab = () => {
setTabs(tabs => [
- ...tabs,
+ tabs,
{
name : "" + (parseInt(tabs.pop().name.replace("", "")) + 1),
component : TabScreen,
@@ -73,15 +48,30 @@ export default function App() {
}
const remove = (route) => {setTabs(tabs => tabs.filter(tab => tab.name !== route.name))}
+ function Loading() {
+ return (
+
+ Loading
+
+ )
+ }
+
function TabScreen({route}) {
return (
Alert.alert("Something went wrong", "The page you are trying to load has either crashed or there is no connection. Please check your Instance setting to make sure the URL is correct.", [{text: 'OK'}])}
+ onError={(syntheticEvent) => {const { nativeEvent } = syntheticEvent}}
+ renderError={() => Alert.alert("Something went wrong", "The page you are trying to load has either crashed or there is no connection. Please check your Instance setting to make sure the URL is correct.", [{text: 'OK'}])}
+ renderLoading={() => }
+ startInLoadingState={true}
source={{ uri: InstanceURL }}
javaScriptEnabled={true}
javaScriptEnabledAndroid={true}
scalesPageToFit={false}
+ bounces={false}
+ pullToRefreshEnabled={false}
+ contentMode={'desktop'}
+ androidLayerType={'software'}
allowsBackForwardNavigationGestures
style={{backgroundColor: '#202020'}}
/>
@@ -130,7 +120,7 @@ export default function App() {
SetInstance(e.target.value)}
+ onChange={(e) => SetInstance(e.target.value)}
placeholder="https://design.penpot.app/"
aria-label="InstanceURL"
/>
@@ -140,7 +130,6 @@ export default function App() {
-
)
}
diff --git a/app.json b/app.json
index 24610b5..8026cde 100755
--- a/app.json
+++ b/app.json
@@ -5,7 +5,6 @@
"owner": "sudovanilla",
"version": "0.0.1",
"icon": "./assets/icon.png",
- "githubUrl": "https://sudovanilla.com/code/Korbs/Penpot-App/",
"userInterfaceStyle": "automatic",
"scheme": "penpot",
"orientation": "landscape",
@@ -44,6 +43,9 @@
"eas": {
"projectId": "9f3d77d2-68f6-463f-909f-cb600ef6eeac"
}
+ },
+ "updates": {
+ "url": "https://u.expo.dev/9f3d77d2-68f6-463f-909f-cb600ef6eeac"
}
}
}
diff --git a/assets/splash.png b/assets/splash.png
old mode 100644
new mode 100755
diff --git a/eas.json b/eas.json
index 27bd8f7..39879eb 100755
--- a/eas.json
+++ b/eas.json
@@ -1,26 +1,20 @@
{
"cli": {
- "version": ">= 3.13.2"
+ "version": ">= 3.13.2",
+ "promptToConfigurePushNotifications": false
},
"build": {
- "development-simulator": {
- "extends": "production",
- "developmentClient": true,
- "distribution": "internal",
- "ios": {
- "simulator": true
- }
- },
- "development": {
- "developmentClient": true,
- "distribution": "internal"
- },
"preview": {
"distribution": "internal"
},
"production": {}
},
"submit": {
- "production": {}
+ "production": {
+ "ios": {
+ "appleId": "ks@korbsstudio.com",
+ "appleTeamId": "F2M4QF2K4L"
+ }
+ }
}
}
diff --git a/options/TabOptions.js b/options/TabOptions.js
index ba3e94d..4defcad 100755
--- a/options/TabOptions.js
+++ b/options/TabOptions.js
@@ -1,42 +1,42 @@
import * as React from 'react'
import {StyleSheet} from 'react-native'
export default screenOptions = {
- lazy: true,
- swipeEnabled: false,
- tabBarGap: 10,
- activeTintColor: "#FFF",
- inactiveTintColor: "gray",
- tabBarIndicatorStyle: {
- backgroundColor: '#202020',
- height: 40,
- top: 4,
- margin: 0,
- borderRadius: 10,
- marginLeft: 6
- },
- tabBarStyle:{
- backgroundColor:'#303236',
- width: "auto",
- height: 48,
- paddingLeft: 6
- },
- labelStyle: {
- fontSize: 10,
- margin: 0,
- padding: 0,
- },
- tabBarItemStyle:{
- alignSelf: 'stretch',
- color: 'white',
- backgroundColor: 'rgba(0, 0, 0, 0)',
- textAlign: 'left',
- paddingHorizontal: 0,
- position: 'relative',
- width: 160,
- },
- tabBarLabelStyle: {
- fontSize: 10,
- color: 'white',
- textAlign: 'left'
- }
+ lazy: true,
+ swipeEnabled: false,
+ tabBarGap: 10,
+ activeTintColor: "#FFF",
+ inactiveTintColor: "gray",
+ tabBarIndicatorStyle: {
+ backgroundColor: '#202020',
+ height: 40,
+ top: 4,
+ margin: 0,
+ borderRadius: 10,
+ marginLeft: 6
+ },
+ tabBarStyle:{
+ backgroundColor:'#303236',
+ width: "auto",
+ height: 48,
+ paddingLeft: 6
+ },
+ labelStyle: {
+ fontSize: 10,
+ margin: 0,
+ padding: 0,
+ },
+ tabBarItemStyle:{
+ alignSelf: 'stretch',
+ color: 'white',
+ backgroundColor: 'rgba(0, 0, 0, 0)',
+ textAlign: 'left',
+ paddingHorizontal: 0,
+ position: 'relative',
+ width: 160,
+ },
+ tabBarLabelStyle: {
+ fontSize: 10,
+ color: 'white',
+ textAlign: 'left'
+ }
}
\ No newline at end of file
diff --git a/package.json b/package.json
index 0cde7a9..af3080a 100755
--- a/package.json
+++ b/package.json
@@ -9,19 +9,18 @@
"dependencies": {
"@react-navigation/material-top-tabs": "^6.6.2",
"@react-navigation/native": "^6.1.6",
- "expo": "~48.0.18",
- "expo-dev-client": "~2.2.1",
+ "expo": "~48.0.0",
"expo-splash-screen": "~0.18.2",
"expo-status-bar": "~1.4.4",
"expo-system-ui": "~2.2.1",
+ "expo-updates": "~0.16.4",
"react": "18.2.0",
"react-native": "0.71.8",
"react-native-modal": "^13.0.1",
- "react-native-pager-view": "^6.2.0",
"react-native-safe-area-context": "4.5.0",
"react-native-screens": "~3.20.0",
"react-native-tab-view": "^3.5.1",
- "react-native-webview": "^12.2.0"
+ "react-native-webview": "11.26.0"
},
"devDependencies": {
"@babel/core": "^7.20.0"