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.

Preview.tsx 1.7KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364
  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 {View, ViewStyle} from 'react-native';
  21. import type {GridType} from './GridComponent';
  22. import GridComponent from './GridComponent';
  23. type PropsType = {
  24. items: Array<GridType>;
  25. style: ViewStyle;
  26. };
  27. function getGridRender(item: GridType, index: number) {
  28. return (
  29. <GridComponent
  30. width={item[0].length}
  31. height={item.length}
  32. grid={item}
  33. style={{
  34. marginRight: 5,
  35. marginLeft: 5,
  36. marginBottom: 5,
  37. }}
  38. key={index.toString()}
  39. />
  40. );
  41. }
  42. function getGrids(items: Array<GridType>) {
  43. const grids: Array<React.ReactNode> = [];
  44. items.forEach((item: GridType, index: number) => {
  45. grids.push(getGridRender(item, index));
  46. });
  47. return grids;
  48. }
  49. class Preview extends React.PureComponent<PropsType> {
  50. render() {
  51. const {style, items} = this.props;
  52. if (items.length > 0) {
  53. return <View style={style}>{getGrids(items)}</View>;
  54. }
  55. return null;
  56. }
  57. }
  58. export default Preview;