diff --git a/src/navigation/TabNavigator.js b/src/navigation/TabNavigator.js index 9832ca2..6e00b4c 100644 --- a/src/navigation/TabNavigator.js +++ b/src/navigation/TabNavigator.js @@ -44,9 +44,21 @@ function ServicesStackComponent() { headerMode={"screen"} screenOptions={defaultScreenOptions} > - {createScreenCollapsibleStack("index", ServicesStack, WebsitesHomeScreen, i18n.t('screens.services.title'))} - {createScreenCollapsibleStack("services-section", ServicesStack, ServicesSectionScreen, "SECTION")} - {createScreenCollapsibleStack("amicale-contact", ServicesStack, AmicaleContactScreen, i18n.t('screens.amicaleAbout.title'))} + {createScreenCollapsibleStack( + "index", + ServicesStack, + WebsitesHomeScreen, + i18n.t('screens.services.title'))} + {createScreenCollapsibleStack( + "services-section", + ServicesStack, + ServicesSectionScreen, + "SECTION")} + {createScreenCollapsibleStack( + "amicale-contact", + ServicesStack, + AmicaleContactScreen, + i18n.t('screens.amicaleAbout.title'))} ); } @@ -60,12 +72,16 @@ function ProxiwashStackComponent() { headerMode={"screen"} screenOptions={defaultScreenOptions} > - {createScreenCollapsibleStack("index", ProxiwashStack, ProxiwashScreen, i18n.t('screens.proxiwash.title'))} - + {createScreenCollapsibleStack( + "index", + ProxiwashStack, + ProxiwashScreen, + i18n.t('screens.proxiwash.title'))} + {createScreenCollapsibleStack( + "proxiwash-about", + ProxiwashStack, + ProxiwashAboutScreen, + i18n.t('screens.proxiwash.title'))} ); } @@ -84,11 +100,11 @@ function PlanningStackComponent() { component={PlanningScreen} options={{title: i18n.t('screens.planning.title'),}} /> - + {createScreenCollapsibleStack( + "planning-information", + PlanningStack, + PlanningDisplayScreen, + i18n.t('screens.planning.eventDetails'))} ); } @@ -115,29 +131,30 @@ function HomeStackComponent(initialRoute: string | null, defaultData: { [key: st headerStyle: { backgroundColor: colors.surface, }, - headerTitle: (props) => - - {i18n.t('screens.home.title')} - + headerTitle: () => + + + {i18n.t('screens.home.title')} + }} initialParams={params} />, @@ -151,21 +168,22 @@ function HomeStackComponent(initialRoute: string | null, defaultData: { [key: st component={ScannerScreen} options={{title: i18n.t('screens.scanner.title'),}} /> - - - + + {createScreenCollapsibleStack( + "club-information", + HomeStack, + ClubDisplayScreen, + i18n.t('screens.clubs.details'))} + {createScreenCollapsibleStack( + "feed-information", + HomeStack, + FeedItemScreen, + i18n.t('screens.home.feed'))} + {createScreenCollapsibleStack( + "planning-information", + HomeStack, + PlanningDisplayScreen, + i18n.t('screens.planning.eventDetails'))} ); } @@ -179,8 +197,16 @@ function PlanexStackComponent() { headerMode={"screen"} screenOptions={defaultScreenOptions} > - {getWebsiteStack("index", PlanexStack, PlanexScreen, i18n.t("screens.planex.title"))} - {createScreenCollapsibleStack("group-select", PlanexStack, GroupSelectionScreen, "GROUP SELECT")} + {getWebsiteStack( + "index", + PlanexStack, + PlanexScreen, + i18n.t("screens.planex.title"))} + {createScreenCollapsibleStack( + "group-select", + PlanexStack, + GroupSelectionScreen, + "")} ); } diff --git a/src/screens/Home/FeedItemScreen.js b/src/screens/Home/FeedItemScreen.js index 04487a5..00eeef9 100644 --- a/src/screens/Home/FeedItemScreen.js +++ b/src/screens/Home/FeedItemScreen.js @@ -1,7 +1,7 @@ // @flow import * as React from 'react'; -import {Linking, ScrollView, View} from 'react-native'; +import {Linking, View} from 'react-native'; import {Avatar, Card, Text, withTheme} from 'react-native-paper'; import ImageModal from 'react-native-image-modal'; import Autolink from "react-native-autolink"; @@ -9,6 +9,7 @@ import MaterialHeaderButtons, {Item} from "../../components/Overrides/CustomHead import CustomTabBar from "../../components/Tabbar/CustomTabBar"; import {StackNavigationProp} from "@react-navigation/stack"; import type {feedItem} from "./HomeScreen"; +import CollapsibleScrollView from "../../components/Collapsible/CollapsibleScrollView"; type Props = { navigation: StackNavigationProp, @@ -71,7 +72,10 @@ class FeedItemScreen extends React.Component { render() { const hasImage = this.displayData.full_picture !== '' && this.displayData.full_picture != null; return ( - + { /> : null } - + ); } } diff --git a/src/screens/Planning/PlanningDisplayScreen.js b/src/screens/Planning/PlanningDisplayScreen.js index f2a6cc2..503194d 100644 --- a/src/screens/Planning/PlanningDisplayScreen.js +++ b/src/screens/Planning/PlanningDisplayScreen.js @@ -1,7 +1,7 @@ // @flow import * as React from 'react'; -import {ScrollView, View} from 'react-native'; +import {View} from 'react-native'; import {getDateOnlyString, getFormattedEventTime} from '../../utils/Planning'; import {Card, withTheme} from 'react-native-paper'; import DateManager from "../../managers/DateManager"; @@ -14,6 +14,7 @@ import CustomTabBar from "../../components/Tabbar/CustomTabBar"; import i18n from 'i18n-js'; import {StackNavigationProp} from "@react-navigation/stack"; import type {CustomTheme} from "../../managers/ThemeManager"; +import CollapsibleScrollView from "../../components/Collapsible/CollapsibleScrollView"; type Props = { navigation: StackNavigationProp, @@ -108,7 +109,10 @@ class PlanningDisplayScreen extends React.Component { if (dateString !== null) subtitle += ' | ' + DateManager.getInstance().getTranslatedDate(dateString); return ( - + { : } - + ); } diff --git a/src/screens/Proxiwash/ProxiwashAboutScreen.js b/src/screens/Proxiwash/ProxiwashAboutScreen.js index f6d5056..59f45ac 100644 --- a/src/screens/Proxiwash/ProxiwashAboutScreen.js +++ b/src/screens/Proxiwash/ProxiwashAboutScreen.js @@ -1,10 +1,11 @@ // @flow import * as React from 'react'; -import {Image, ScrollView, View} from 'react-native'; +import {Image, View} from 'react-native'; import i18n from "i18n-js"; import {Card, List, Paragraph, Text, Title} from 'react-native-paper'; import CustomTabBar from "../../components/Tabbar/CustomTabBar"; +import CollapsibleScrollView from "../../components/Collapsible/CollapsibleScrollView"; type Props = {}; @@ -17,7 +18,10 @@ export default class ProxiwashAboutScreen extends React.Component { render() { return ( - + { {i18n.t('screens.proxiwash.paymentMethodsDescription')} - + ); } }