Merge remote-tracking branch 'origin/main'

Author: weblate

components/ServerList.tsx

@@ -2,10 +2,10 @@ import React from "react";
 import { Button, List, ListItem } from "@ui-kitten/components";
 import { StyleSheet } from "react-native";
 import { useTranslation } from "react-i18next";
-import { Entry } from "screens/ServerScreen";
+import { EvccInstance } from "types";
 
 interface ServerListProps {
-  entries: Array<{ title: string; url: string }>;
+  entries: EvccInstance[];
   onSelect: (url: string) => Promise<void>;
 }
 
@@ -14,27 +14,34 @@ export default function ServerList({
   onSelect,
 }: ServerListProps): React.ReactElement {
   const { t } = useTranslation();
-  const renderItemAccessory = (url: string) => (
-    <Button
-      size="small"
-      onPress={() => {
-        onSelect(url);
-      }}
-    >
-      {t("servers.select")}
-    </Button>
-  );
 
-  const renderItem = ({ item }: { item: Entry }) => (
-    <ListItem
-      title={item.title}
-      description={item.url}
-      accessoryRight={() => renderItemAccessory(item.url)}
-    />
-  );
+  const renderItemAccessory = (url: string) => {
+    return (
+      <Button
+        size="small"
+        onPress={() => {
+          onSelect(url);
+        }}
+      >
+        {t("servers.select")}
+      </Button>
+    );
+  };
 
   return (
-    <List style={styles.container} data={entries} renderItem={renderItem} />
+    <List<EvccInstance>
+      style={styles.container}
+      data={entries}
+      renderItem={({ item }) => {
+        return (
+          <ListItem
+            title={item.title}
+            description={item.url}
+            accessoryRight={() => renderItemAccessory(item.url)}
+          />
+        );
+      }}
+    />
   );
 }