Jannex
/
expo-app
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

added faq steps

main
alex 2023-08-14 21:28:04 +00:00
parent 8fcfd15c0e
commit e821719fac
14 changed files with 574 additions and 184 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

37
App.js
View File

@ -42,9 +42,9 @@ import WaitXSecondsEditActionModalContent from "./src/Screens/Device/modals/Edit
import StopEditActionModalContent from "./src/Screens/Device/modals/EditActions/Stop";
import SearchForNewDevicesModalContent from "./src/Screens/SearchForNewDevices";
import HelpCenterModalContent from "./src/Screens/Help/modals/HelpCenter";
import { FeedbackStepsModalContent } from "./src/Screens/Help/modals/Feedback/steps";
import GiveFeedbackModalContent from "./src/Screens/Help/modals/Feedback";
import ReportProblemModalContent from "./src/Screens/Help/modals/ReportProblem";
import * as MailComposer from "expo-mail-composer";
import FeedbackFinishedModalContent from "./src/Screens/Help/modals/Feedback/finished";
const Drawer = createDrawerNavigator();
const Stack = createStackNavigator();
@ -305,12 +305,23 @@ export function MyApp() {
/>
<Stack.Screen
name="modalReportProblem"
component={ReportProblemModalContent}
name="modalFeedbackSteps"
component={FeedbackStepsModalContent}
options={({ navigation }) =>
options({
navigation: navigation,
pageTitle: t("screens.help.modalReportProblem.pageTitle"),
pageTitle: t("screens.help.modalFeedbackSteps.pageTitle"),
})
}
/>
<Stack.Screen
name="modalFeedbackFinished"
component={FeedbackFinishedModalContent}
options={({ navigation }) =>
options({
navigation: navigation,
pageTitle: t("screens.help.modalFeedbackFinished.pageTitle"),
})
}
/>
@ -528,19 +539,3 @@ export default function App() {
</Suspense>
);
}
export function OpenMailComposer(recipients, subject, body) {
return new Promise((resolve, reject) => {
MailComposer.composeAsync({
recipients: recipients,
subject: subject,
body: body,
})
.then((result) => {
resolve(result);
})
.catch((error) => {
reject(error);
});
});
}

36
locales/de.json
View File

@ -187,14 +187,42 @@
},
"help": {
"pageTitle": "Hilfe",
"pageInfoText": "Wie können wir Ihnen helfen?",
"textButtonContactUs": "Kontaktiere uns",
"items": {
"helpCenter": "Hilfezentrum",
"giveFeedback": "Feedback geben",
"reportProblem": "Problem melden"
},
"modalHelpCenter": {
"pageTitle": "Hilfezentrum"
"pageTitle": "Hilfezentrum",
"pageInfoText": "Fragen und Anworten"
},
"modalGiveFeedback": {
"pageTitle": "Feedback geben"
"pageTitle": "Feedback geben",
"pageInfoText": "Teilen Sie uns mit, wie wir das Produkt verbessern können",
"buttonGiveFeedback": "Feedback geben"
},
"modalReportProblem": {
"pageTitle": "Problem melden"
"modalFeedbackSteps": {
"pageTitle": "Feedback",
"cardTopicText": "Bewerten Sie Ihr Erlebnis",
"backButton": "Zurück",
"cancelButton": "Abbrechen",
"sendFeedbackButton": "Feedback senden",
"continueButton": "Weiter",
"startTexts": [
"Schlecht",
"Mangelhaft",
"In Ordnung",
"Gut",
"Ausgezeichnet"
]
},
"modalFeedbackFinished": {
"pageTitle": "Feedback gesendet",
"textThankYou": "Vielen Dank für Ihr Feedback!",
"description": "Wir werden Ihre Anregungen sorgfältig prüfen und bemühen uns, mögliche Verbesserungsvorschläge in unsere zukünftigen Entwicklungen einzubeziehen.",
"textButtonBackToOverview": "Zurück zur Übersicht"
}
},
"settings": {

30
locales/en.json
View File

@ -185,14 +185,36 @@
},
"help": {
"pageTitle": "Help",
"textButtonContactUs": "Contact us",
"pageInfoText": "How can we help you?",
"items": {
"helpCenter": "Help Center",
"giveFeedback": "Give feedback",
"reportProblem": "Report problem"
},
"modalHelpCenter": {
"pageTitle": "Help Center"
"pageTitle": "Help Center",
"pageInfoText": "Questions and answers"
},
"modalGiveFeedback": {
"pageTitle": "Give feedback"
"pageTitle": "Give feedback",
"pageInfoText": "Tell us how we can improve the product",
"buttonGiveFeedback": "Give feedback"
},
"modalReportProblem": {
"pageTitle": "Report problem"
"modalFeedbackSteps": {
"pageTitle": "Feedback",
"cardTopicText": "Rate your experience",
"backButton": "Back",
"cancelButton": "Cancel",
"sendFeedbackButton": "Send feedback",
"continueButton": "Continue",
"startTexts": ["Poor", "Bad", "Ok", "Good", "Excellent"]
},
"modalFeedbackFinished": {
"pageTitle": "Feedback sent",
"textThankYou": "Thank you for your feedback!",
"description": "We will carefully review your suggestions and strive to incorporate possible improvement ideas into our future developments.",
"textButtonBackToOverview": "Back to Overview"
}
},
"settings": {

29
package-lock.json generated
View File

@ -16,7 +16,6 @@
"expo": "~48.0.18",
"expo-haptics": "~12.2.1",
"expo-linear-gradient": "~12.1.2",
"expo-mail-composer": "~12.1.1",
"expo-status-bar": "~1.4.4",
"i18next": "^23.2.11",
"i18next-browser-languagedetector": "^7.1.0",
@ -7202,34 +7201,6 @@
"expo": "*"
}
},
"node_modules/expo-mail-composer": {
"version": "12.1.1",
"resolved": "https://registry.npmjs.org/expo-mail-composer/-/expo-mail-composer-12.1.1.tgz",
"integrity": "sha512-DJZpxdc6huwg8M9STfzL415xHGEaEXOseK2VyPAKKllWYR6m2gE18sXND9Ak8rcynZGTwyuaHrqJLBXd3I/LcQ==",
"dependencies": {
"query-string": "^6.2.0"
},
"peerDependencies": {
"expo": "*"
}
},
"node_modules/expo-mail-composer/node_modules/query-string": {
"version": "6.14.1",
"resolved": "https://registry.npmjs.org/query-string/-/query-string-6.14.1.tgz",
"integrity": "sha512-XDxAeVmpfu1/6IjyT/gXHOl+S0vQ9owggJ30hhWKdHAsNPOcasn5o9BW0eejZqL2e4vMjhAxoW3jVHcD6mbcYw==",
"dependencies": {
"decode-uri-component": "^0.2.0",
"filter-obj": "^1.1.0",
"split-on-first": "^1.0.0",
"strict-uri-encode": "^2.0.0"
},
"engines": {
"node": ">=6"
},
"funding": {
"url": "https://github.com/sponsors/sindresorhus"
}
},
"node_modules/expo-modules-autolinking": {
"version": "1.2.0",
"resolved": "https://registry.npmjs.org/expo-modules-autolinking/-/expo-modules-autolinking-1.2.0.tgz",

5
package.json
View File

@ -16,6 +16,7 @@
"@react-navigation/stack": "^6.3.17",
"expo": "~48.0.18",
"expo-haptics": "~12.2.1",
"expo-linear-gradient": "~12.1.2",
"expo-status-bar": "~1.4.4",
"i18next": "^23.2.11",
"i18next-browser-languagedetector": "^7.1.0",
@ -31,9 +32,7 @@
"react-native-tab-view": "^3.5.2",
"react-native-uuid": "^2.0.1",
"react-native-zeroconf": "^0.13.8",
"reanimated-color-picker": "^2.3.1",
"expo-linear-gradient": "~12.1.2",
"expo-mail-composer": "~12.1.1"
"reanimated-color-picker": "^2.3.1"
},
"devDependencies": {
"@babel/core": "^7.20.0"

1
src/Components/Accordion/index.js
View File

@ -66,7 +66,6 @@ export function AccordionItem({
style={[
{
color: appContext.appTheme.text,
fontWeight: "bold",
width: "90%",
},
AppStyles.typography16,

14
src/Components/Button/index.js
View File

@ -76,6 +76,7 @@ export function MyTextButton({
actionColor,
iconName,
disabled,
textSelectable,
}) {
const appContext = useContext(AppContext);
@ -106,7 +107,10 @@ export function MyTextButton({
color: color,
}}
/>
<Text style={[{ color: color }, AppStyles.typography16]}>
<Text
selectable={textSelectable}
style={[{ color: color }, AppStyles.typography16]}
>
{title}
</Text>
</View>
@ -123,6 +127,7 @@ export function MyIconButton({
iconColor,
usePrimaryColor,
disabled,
activeOpacity,
}) {
const appContext = useContext(AppContext);
@ -134,7 +139,12 @@ export function MyIconButton({
: iconColor;
return (
<TouchableOpacity onPress={onPress} disabled={disabled} style={style}>
<TouchableOpacity
onPress={onPress}
disabled={disabled}
style={style}
activeOpacity={activeOpacity !== undefined ? activeOpacity : 0.2}
>
<MyIcon
name={iconName}
size={iconSize}

103
src/Screens/Help/index.js
View File

@ -1,20 +1,71 @@
import { useContext } from "react";
import { AppContext, AppStyles } from "../../utils";
import { Text, View } from "react-native";
import { AppContext, AppStyles, Constants } from "../../utils";
import { Linking, Text, View } from "react-native";
import MyIcon from "../../Components/Icon";
import { MyPickerModalListItem } from "../../Components/Modal";
import { MyTextButton } from "../../Components/Button";
import { useTranslation } from "react-i18next";
export default function HelpScreen({ navigation }) {
const appContext = useContext(AppContext);
const { t } = useTranslation();
return (
<View>
<InfoHeader
appContext={appContext}
iconName="face-agent"
text={t("screens.help.pageInfoText")}
/>
<View style={{ width: "100%" }}>
<MyPickerModalListItem
leftIconName="help-circle"
itemName={t("screens.help.items.helpCenter")}
rightIconName="chevron-right"
onPress={() => navigation.navigate("modalHelpCenter")}
/>
<MyPickerModalListItem
leftIconName="message-text"
itemName={t("screens.help.items.giveFeedback")}
rightIconName="chevron-right"
onPress={() => navigation.navigate("modalGiveFeedback")}
/>
</View>
<View style={{ marginTop: 40, alignItems: "center" }}>
<Text
style={[
{ color: appContext.appTheme.text, fontWeight: "bold" },
AppStyles.typography16,
]}
>
{t("screens.help.textButtonContactUs")}
</Text>
<MyTextButton
title={Constants.globals.contact_us_email}
actionColor
textSelectable
onPress={() =>
Linking.openURL(`mailto:${Constants.globals.contact_us_email}`)
}
/>
</View>
</View>
);
}
export function InfoHeader({ appContext, iconName, text }) {
return (
<View style={{ alignItems: "center" }}>
<MyIcon name="face-agent" size={72} />
<View style={{ width: "80%", alignItems: "center" }}>
<MyIcon name={iconName} size={72} />
<Text
style={[
{
textAlign: "center",
marginTop: 20,
marginBottom: 40,
color: appContext.appTheme.colors.primary,
@ -22,53 +73,9 @@ export default function HelpScreen({ navigation }) {
AppStyles.typography20,
]}
>
Wie können wir Ihnen helfen?
{text}
</Text>
</View>
<View style={{ width: "100%" }}>
<MyPickerModalListItem
leftIconName="help-circle"
itemName="Help Center"
rightIconName="chevron-right"
onPress={() => navigation.navigate("modalHelpCenter")}
/>
<MyPickerModalListItem
leftIconName="message-reply-text"
itemName="Feedback geben"
rightIconName="chevron-right"
onPress={() => navigation.navigate("modalGiveFeedback")}
/>
<MyPickerModalListItem
leftIconName="alert"
itemName="Problem melden"
rightIconName="chevron-right"
onPress={() => navigation.navigate("modalReportProblem")}
/>
</View>
</View>
);
}
/*
<ScrollView>
<View
style={{
backgroundColor: appContext.appTheme.backgroundColor,
flex: 1,
}}
>
{Array.from({ length: 20 }).map((item, index) => (
<AccordionItem
key={index}
title={
"Was ist künstliche Intelligenz (KI) und wie wird sie eingesetzt?"
}
description={
"Künstliche Intelligenz (KI) ermöglicht Maschinen, menschenähnliche Intelligenz für Aufgaben wie Spracherkennung, Bildverarbeitung, Mustererkennung, automatisierte Entscheidungsfindung und mehr im Gesundheitswesen (zur Diagnose von Krankheiten), Finanzen (automatisiertes Handeln), autonome Fahrzeuge, Kundenservice (Chatbots) und anderen Bereichen einzusetzen, mit dem Potenzial, viele Aspekte des täglichen Lebens zu verändern und zu verbessern."
}
/>
))}
</View>
</ScrollView>
*/

49
src/Screens/Help/modals/Feedback/finished/index.js Normal file
View File

@ -0,0 +1,49 @@
import { useContext } from "react";
import { Text } from "react-native";
import { AppContext, AppStyles, ModalContainer } from "../../../../../utils";
import { useTranslation } from "react-i18next";
import MyIcon from "../../../../../Components/Icon";
import { MyTextButton } from "../../../../../Components/Button";
export default function FeedbackFinishedModalContent({ navigation }) {
const appContext = useContext(AppContext);
const { t } = useTranslation();
return (
<ModalContainer>
<MyIcon
style={{ marginTop: 40 }}
name="thumb-up"
size={72}
color={appContext.appTheme.colors.green}
/>
<Text
style={[
{
color: appContext.appTheme.text,
marginTop: 20,
},
AppStyles.typography20,
]}
>
{t("screens.help.modalFeedbackFinished.textThankYou")}
</Text>
<Text
style={[
{ color: appContext.appTheme.textSecondary, marginTop: 10 },
AppStyles.typography14,
]}
>
{t("screens.help.modalFeedbackFinished.description")}
</Text>
<MyTextButton
style={{ marginTop: 40 }}
title={t("screens.help.modalFeedbackFinished.textButtonBackToOverview")}
actionColor
onPress={() => navigation.navigate("help")}
/>
</ModalContainer>
);
}

30
src/Screens/Help/modals/Feedback/index.js
View File

@ -1,3 +1,29 @@
export default function GiveFeedbackModalContent({ navigation, route }) {
return <></>;
import { useContext } from "react";
import { InfoHeader } from "../..";
import { AppContext } from "../../../../utils";
import { useTranslation } from "react-i18next";
import { View } from "react-native";
import MyButton from "../../../../Components/Button";
export default function GiveFeedbackModalContent({ navigation }) {
const appContext = useContext(AppContext);
const { t } = useTranslation();
return (
<View>
<InfoHeader
appContext={appContext}
iconName="note-text"
text={t("screens.help.modalGiveFeedback.pageInfoText")}
/>
<View style={{ alignItems: "center" }}>
<MyButton
title={t("screens.help.modalGiveFeedback.buttonGiveFeedback")}
style={{ width: "90%" }}
onPress={() => navigation.navigate("modalFeedbackSteps")}
/>
</View>
</View>
);
}

260
src/Screens/Help/modals/Feedback/steps/index.js Normal file
View File

@ -0,0 +1,260 @@
import { useContext, useState } from "react";
import {
AppContext,
AppStyles,
Constants,
ModalContainer,
} from "../../../../../utils";
import { useTranslation } from "react-i18next";
import { ScrollView, Text, TextInput, View } from "react-native";
import MyButton, { MyIconButton } from "../../../../../Components/Button";
import Card from "../../../../../Components/Card";
const defaultRating = 0;
const feedbackDataDe = [
{
title: "Produktbewertung",
text: "Bewerten Sie Ihre Gesamtzufriedenheit mit dem Produkt.",
textPlaceholder:
"Besonders gut gefällt mir...\n\nNicht gut gefällt mir...\n\nVerbessern würde ich...",
},
{
title: "Handhabung",
text: "Bewerten Sie, wie einfach und komfortabel das Produkt in der Handhabung ist.",
textPlaceholder:
"Besonders gut gefällt mir...\n\nNicht gut gefällt mir...\n\nVerbessern würde ich...",
},
{
title: "Design",
text: "Bewerten Sie das Design des Produkts.",
textPlaceholder:
"Besonders gut gefällt mir...\n\nNicht gut gefällt mir...\n\nVerbessern würde ich...",
},
{
title: "Sonstiges",
text: "Teilen Sie uns gerne weitere Gedanken und Anregungen mit, um uns bei der kontinuierlichen Verbesserung unserer Produkte zu unterstützen.",
textPlaceholder: "Ich würde mir wünschen...",
},
];
const feedbackDataEn = [
{
title: "Product Rating",
text: "Rate your overall satisfaction with the product.",
textPlaceholder:
"I particularly like...\n\nI don't like...\n\nI would suggest improving...",
},
{
title: "Ease of Use",
text: "Rate how easy and comfortable the product is to use.",
textPlaceholder:
"I particularly like...\n\nI don't like...\n\nI would suggest improving...",
},
{
title: "Design",
text: "Rate the design of the product.",
textPlaceholder:
"I particularly like...\n\nI don't like...\n\nI would suggest improving...",
},
{
title: "Other",
text: "Feel free to share additional thoughts and suggestions to help us in continuously improving our products.",
textPlaceholder: "I would wish for...",
},
];
const feedbackData = [
{
rating: defaultRating,
textInput: "",
},
{
rating: defaultRating,
textInput: "",
},
{
rating: defaultRating,
textInput: "",
},
{
ratingDisabled: true,
rating: defaultRating,
textInput: "",
},
];
export function FeedbackStepsModalContent({ navigation }) {
const appContext = useContext(AppContext);
const { t } = useTranslation();
const [data, setData] = useState(feedbackData);
const [step, setStep] = useState(0);
const feedbackDataLangauge =
appContext.appLanguage === Constants.defaultLanguage
? feedbackDataDe
: feedbackDataEn;
const handleBackPress = () => {
if (step === 0) {
navigation.goBack();
} else {
setStep(step - 1);
}
};
const handleContinuePress = () => {
const nextStep = step + 1;
if (nextStep >= feedbackData.length) {
navigation.navigate("help");
navigation.navigate("modalFeedbackFinished", data);
} else {
setStep(nextStep);
}
};
const handleRating = (rating) => {
const newData = [...data];
newData[step].rating = rating;
setData(newData);
};
const renderStars = () => {
if (data[step].ratingDisabled) return null;
const stars = [];
for (let i = 1; i <= 5; i++) {
stars.push(
<MyIconButton
key={i}
onPress={() => handleRating(i)}
iconName={data[step].rating >= i ? "star" : "star"}
iconSize={36}
iconColor={
data[step].rating >= i
? appContext.appTheme.colors.primary
: appContext.appTheme.colors.gray
}
activeOpacity={0.7}
/>
);
}
return (
<View
style={{
flexDirection: "row",
alignItems: "center",
gap: 10,
}}
>
<View style={{ flexDirection: "row" }}>{stars}</View>
<Text style={{ color: appContext.appTheme.colors.primary }}>
{
t("screens.help.modalFeedbackSteps.startTexts", {
returnObjects: true,
})[data[step].rating - 1]
}
</Text>
</View>
);
};
const isContinueButtonDisabled = () => {
if (data[step].ratingDisabled) return false;
if (data[step].rating === 0) return true;
return false;
};
return (
<ModalContainer withoutPadding>
<ScrollView>
<Card
cardTopicText={t("screens.help.modalFeedbackSteps.cardTopicText")}
>
<Text
style={[
{ color: appContext.appTheme.text, fontWeight: "bold" },
AppStyles.typography16,
]}
>
{feedbackDataLangauge[step].title}
</Text>
<Text
style={[
{ color: appContext.appTheme.text },
AppStyles.typography14,
]}
>
{feedbackDataLangauge[step].text}
</Text>
{renderStars()}
<View style={{ marginTop: 10 }}>
<TextInput
maxLength={Constants.globals.faq_max_input_length}
multiline
placeholder={feedbackDataLangauge[step].textPlaceholder}
placeholderTextColor={appContext.appTheme.textSecondary}
value={data[step].textInput}
onChangeText={(text) => {
const newData = [...data];
newData[step].textInput = text;
setData(newData);
}}
style={{
textAlignVertical: "top",
height: 40 * 8,
borderWidth: 1,
borderColor: appContext.appTheme.divider,
borderRadius: 10,
padding: 12,
color: appContext.appTheme.text,
backgroundColor: appContext.appTheme.backgroundColor,
}}
/>
</View>
<View
style={{
flexDirection: "row",
marginTop: 10,
width: "100%",
justifyContent: "space-between",
}}
>
<MyButton
style={{ width: "38%" }}
title={
step === 0
? t("screens.help.modalFeedbackSteps.cancelButton")
: t("screens.help.modalFeedbackSteps.backButton")
}
buttonGradientColor={Constants.gradients.gray}
onPress={() => handleBackPress()}
/>
<MyButton
style={{ width: "58%" }}
title={
step === feedbackData.length - 1
? t("screens.help.modalFeedbackSteps.sendFeedbackButton")
: t("screens.help.modalFeedbackSteps.continueButton")
}
onPress={() => handleContinuePress()}
disabled={isContinueButtonDisabled()}
/>
</View>
</Card>
<View style={AppStyles.appBottom} />
</ScrollView>
</ModalContainer>
);
}

151
src/Screens/Help/modals/HelpCenter/index.js
View File

@ -1,12 +1,16 @@
import { FlatList, Text, View } from "react-native";
import { FlatList, View } from "react-native";
import { AccordionItem } from "../../../../Components/Accordion";
import { AppContext, AppStyles, ModalContainer } from "../../../../utils";
import {
AppContext,
AppStyles,
Constants,
ModalContainer,
} from "../../../../utils";
import { useContext } from "react";
import MyIcon from "../../../../Components/Icon";
import { MyTextButton } from "../../../../Components/Button";
import { OpenMailComposer } from "../../../../../App";
import { useTranslation } from "react-i18next";
import { InfoHeader } from "../..";
const helpData = [
const helpDataDe = [
{
topicText: "Allgemeine Fragen",
question:
@ -73,72 +77,93 @@ const helpData = [
},
];
export default function HelpCenterModalContent({ navigation, route }) {
const helpDataEn = [
{
topicText: "General Questions",
question:
"What is the basic functionality of the mobile app for device control?",
answer:
"The mobile app allows you to control compatible devices using your smartphone or tablet. You can activate various functions, change settings, and perform actions remotely.",
},
{
question: "What types of devices can be controlled through the app?",
answer:
"Our app supports a variety of devices, including smart home devices, entertainment electronics, household appliances, and more.",
},
{
question: "Is the app available for both Android and iOS devices?",
answer:
"Yes, the app is available for both Android and iOS devices. You can download it from the Google Play Store or the Apple App Store.",
},
{
question: "Where can I download the app?",
answer:
"You can download and install the app directly from the Google Play Store (for Android) or the Apple App Store (for iOS).",
},
{
question:
"Do I need an internet connection to control the device through the app?",
answer:
"Yes, an active internet connection (Wi-Fi or mobile data) is required to connect the app to the device and use the control functions.",
},
{
question: "Does the app support multiple devices simultaneously?",
answer:
"Yes, the app allows you to control multiple compatible devices simultaneously and switch between them.",
},
{
topicText: "Setup and Connection",
question: "How do I set up the connection between the app and my device?",
answer:
"The exact setup process may vary depending on the device, but typically, you need to open the app, select the device, and follow the on-screen instructions to establish the connection.",
},
{
question:
"What steps are required to initially connect the device to the app?",
answer:
"Launch the app, create an account (if required), add the device by selecting it from the list of available devices, and follow the instructions for establishing the connection.",
},
{
question:
"Do I need specific settings on the device to establish the connection?",
answer:
"Yes, in most cases, you need to ensure that the device is powered on and in pairing mode before attempting to connect it through the app.",
},
{
question:
"What types of connection methods are supported by the app (e.g., Bluetooth, Wi-Fi, etc.)?",
answer:
"Our app typically supports Wi-Fi connections to enable stable and reliable control over longer distances.",
},
{
question:
"What should I do if the connection between the app and the device is lost?",
answer:
"First, check your internet connection. If the issue persists, you can try removing and re-adding the device from the app. If necessary, restarting the device might help.",
},
];
export default function HelpCenterModalContent() {
const appContext = useContext(AppContext);
const { t } = useTranslation();
const helpData =
appContext.appLanguage === Constants.defaultLanguage
? helpDataDe
: helpDataEn;
return (
<ModalContainer withoutPadding>
<FlatList
data={helpData}
ListHeaderComponent={
<View style={{ alignItems: "center" }}>
<MyIcon name="face-agent" size={72} />
<Text
style={[
{
textAlign: "center",
marginTop: 20,
marginBottom: 40,
color: appContext.appTheme.colors.primary,
},
AppStyles.typography20,
]}
>
Hier findest du Antworten.
</Text>
</View>
}
ListFooterComponent={
<View
style={[
{
alignItems: "center",
marginTop: 20,
marginLeft: 20,
marginRight: 20,
},
AppStyles.appBottom,
]}
>
<Text
style={[
{
color: appContext.appTheme.text,
textAlign: "center",
},
AppStyles.typography14,
]}
>
Konnte deine Frage nicht beantwortet werden oder fehlt dir etwas?
</Text>
<MyTextButton
title={"Kontaktiere uns"}
actionColor
onPress={() => {
console.log("contact us");
OpenMailComposer(["support@roese.dev"], "FAQ Help", "")
.then((result) => {
console.log(result);
})
.catch((error) => {
console.log(error);
});
}}
<InfoHeader
appContext={appContext}
iconName="help-circle"
text={t("screens.help.modalHelpCenter.pageInfoText")}
/>
</View>
}
ListFooterComponent={<View style={AppStyles.appBottom} />}
renderItem={({ item, index }) => (
<AccordionItem
key={index}

5
src/Screens/Help/modals/ReportProblem/index.js
View File

@ -1,5 +0,0 @@
// TODO: send app diagnostics to server within the report problem
export default function ReportProblemModalContent({ navigation, route }) {
return <></>;
}

4
src/utils.js
View File

@ -38,8 +38,10 @@ export const Constants = {
jumpToScene: 8,
},
globals: {
contact_us_email: "support@shinnex.com",
max_device_name_length: 20,
max_scene_name_length: 20,
faq_max_input_length: 1500,
},
defaultAnimationId: "00000000-0000-0000-0000-000000000000", // used id for -> No animation selected
gradients: {
@ -93,6 +95,7 @@ const DarkAppTheme = {
primary: "#e67e22",
secondary: "#9b59b6",
gray: "#b2bec3",
green: "#2ecc71",
},
text: "#fff",
textSecondary: "#ddd",
@ -149,6 +152,7 @@ const LightAppTheme = {
primary: "#e67e22",
secondary: "#9b59b6",
gray: "#636e72",
green: "#2ecc71",
},
text: "#000",
textSecondary: "#555",