Application Android et IOS pour l'amicale des élèves
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

ClubAboutScreen.tsx 2.2KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566
  1. /*
  2. * Copyright (c) 2019 - 2020 Arnaud Vergnet.
  3. *
  4. * This file is part of Campus INSAT.
  5. *
  6. * Campus INSAT is free software: you can redistribute it and/or modify
  7. * it under the terms of the GNU General Public License as published by
  8. * the Free Software Foundation, either version 3 of the License, or
  9. * (at your option) any later version.
  10. *
  11. * Campus INSAT is distributed in the hope that it will be useful,
  12. * but WITHOUT ANY WARRANTY; without even the implied warranty of
  13. * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
  14. * GNU General Public License for more details.
  15. *
  16. * You should have received a copy of the GNU General Public License
  17. * along with Campus INSAT. If not, see <https://www.gnu.org/licenses/>.
  18. */
  19. import * as React from 'react';
  20. import {Image, View} from 'react-native';
  21. import {Card, Avatar, Text} from 'react-native-paper';
  22. import i18n from 'i18n-js';
  23. import Autolink from 'react-native-autolink';
  24. import CollapsibleScrollView from '../../../components/Collapsible/CollapsibleScrollView';
  25. const AMICALE_ICON = require('../../../../assets/amicale.png');
  26. const CONTACT_LINK = 'clubs@amicale-insat.fr';
  27. function ClubAboutScreen() {
  28. return (
  29. <CollapsibleScrollView style={{padding: 5}}>
  30. <View
  31. style={{
  32. width: '100%',
  33. height: 100,
  34. marginTop: 20,
  35. marginBottom: 20,
  36. justifyContent: 'center',
  37. alignItems: 'center',
  38. }}>
  39. <Image
  40. source={AMICALE_ICON}
  41. style={{flex: 1, resizeMode: 'contain'}}
  42. resizeMode="contain"
  43. />
  44. </View>
  45. <Text>{i18n.t('screens.clubs.about.text')}</Text>
  46. <Card style={{margin: 5}}>
  47. <Card.Title
  48. title={i18n.t('screens.clubs.about.title')}
  49. subtitle={i18n.t('screens.clubs.about.subtitle')}
  50. left={(iconProps) => (
  51. <Avatar.Icon size={iconProps.size} icon="information" />
  52. )}
  53. />
  54. <Card.Content>
  55. <Text>{i18n.t('screens.clubs.about.message')}</Text>
  56. <Autolink<typeof Text> text={CONTACT_LINK} component={Text} />
  57. </Card.Content>
  58. </Card>
  59. </CollapsibleScrollView>
  60. );
  61. }
  62. export default ClubAboutScreen;