feature: add version to change server screen

Author: naltatis

app.json

@@ -3,7 +3,7 @@
     "name": "evcc",
     "slug": "evcc",
     "description": "open source solar charging",
-    "version": "1.0.2",
+    "version": "1.0.2-beta7",
     "orientation": "default",
     "icon": "./assets/icon-light.png",
     "userInterfaceStyle": "automatic",
@@ -30,7 +30,7 @@
       "config": {
         "usesNonExemptEncryption": false
       },
-      "buildNumber": "25"
+      "buildNumber": "26"
     },
     "android": {
       "jsEngine": "hermes",
@@ -44,7 +44,7 @@
         "foregroundImage": "./assets/adaptive-icon.png",
         "backgroundColor": "#010322"
       },
-      "versionCode": 25
+      "versionCode": 26
     },
     "web": {
       "favicon": "./assets/favicon.png",

package.json

@@ -1,6 +1,6 @@
 {
   "name": "evcc",
-  "version": "1.0.2",
+  "version": "1.0.2-beta7",
   "main": "node_modules/expo/AppEntry.js",
   "scripts": {
     "start": "expo start",
@@ -67,4 +67,4 @@
     "ts-node": "^10.9.2"
   },
   "private": true
-}
+}

screens/SettingsScreen.tsx

@@ -1,12 +1,12 @@
 import React from "react";
-import { Layout, Button } from "@ui-kitten/components";
-import { View } from "react-native";
+import { Layout, Button, Text } from "@ui-kitten/components";
+import { View, TouchableOpacity, Linking } from "react-native";
 import ServerForm from "../components/ServerForm";
 import { useAppContext } from "../components/AppContext";
 import Header from "../components/Header";
-
 import { BasicAuth } from "../interfaces/basicAuth";
 import { useTranslation } from "react-i18next";
+import { APP_VERSION, GITHUB_RELEASES_URL } from "../utils/constants";
 
 function navigateToMain(navigation) {
   navigation.navigate("Main");
@@ -31,6 +31,10 @@ function SettingsScreen({ navigation }) {
     [serverUrl, saveServer],
   );
 
+  const openGitHubReleases = () => {
+    Linking.openURL(GITHUB_RELEASES_URL);
+  };
+
   return (
     <Layout style={{ flex: 1, paddingBottom: 32 }}>
       <Header
@@ -50,6 +54,20 @@ function SettingsScreen({ navigation }) {
           {t("servers.removeServer")}
         </Button>
       </View>
+      <View
+        style={{
+          flex: 1,
+          justifyContent: "flex-end",
+          alignItems: "center",
+          paddingBottom: 8,
+        }}
+      >
+        <TouchableOpacity onPress={openGitHubReleases}>
+          <Text appearance="hint" category="c1">
+            {APP_VERSION}
+          </Text>
+        </TouchableOpacity>
+      </View>
     </Layout>
   );
 }

utils/constants.js

@@ -1,3 +1,5 @@
 import { version } from "../package.json";
 
 export const USER_AGENT = `evcc/${version}`;
+export const APP_VERSION = `v${version}`;
+export const GITHUB_RELEASES_URL = `https://github.com/evcc-io/app/releases/tag/${version}`;