Merge pull request #238 from mia-ajuda/234-NewTutorials

234 - Novos tutoriais
mia-ajuda · Jul 8, 2023 · 528d51f · 528d51f
2 parents 4e3d712 + 4b253cb
commit 528d51f
Show file tree

Hide file tree

Showing 21 changed files with 400 additions and 437 deletions.
diff --git a/app/assets/images/TutorialImages/Step1.svg b/app/assets/images/TutorialImages/Step1.svg
diff --git a/app/assets/images/TutorialImages/Step2.svg b/app/assets/images/TutorialImages/Step2.svg
diff --git a/app/assets/images/TutorialImages/Step3.svg b/app/assets/images/TutorialImages/Step3.svg
diff --git a/.../FAQModals/EmergencyNumbersModal/index.js → ...FAQModals/EmergencyNumbersModal/index.jsx b/.../FAQModals/EmergencyNumbersModal/index.js → ...FAQModals/EmergencyNumbersModal/index.jsx
@@ -3,6 +3,7 @@ import emergencyNumbers from '../../../docs/FAQ/EmergencyNumbers';
 import { ModalComponent } from '../modal';
 
 export default function EmergencyNumbers({ visible, setVisible }) {
+    // TODO: replace it later with a new modal
     return (
         <ModalComponent
             visible={visible}

diff --git a/app/src/components/FAQModals/HowToUseModal/index.js b/app/src/components/FAQModals/HowToUseModal/index.js
diff --git a/app/src/components/FAQModals/HowToUseModal/styles.js b/app/src/components/FAQModals/HowToUseModal/styles.js
diff --git a/app/src/components/FAQModals/RecomendationsModal/HelpOfferedModal/index.js b/app/src/components/FAQModals/RecomendationsModal/HelpOfferedModal/index.js
diff --git a/app/src/components/FAQModals/RecomendationsModal/HelpRequestModal/index.js b/app/src/components/FAQModals/RecomendationsModal/HelpRequestModal/index.js
diff --git a/app/src/components/FAQModals/modal.js b/app/src/components/FAQModals/modal.js
diff --git a/app/src/components/FAQModals/modal.jsx b/app/src/components/FAQModals/modal.jsx
@@ -0,0 +1,42 @@
+import React from 'react';
+import { Modal, ScrollView, Text, View } from 'react-native';
+import styles from './styles';
+import { FloatingIconButton } from '../molecules/FloatingIconButton';
+
+export const ModalComponent = (props) => {
+    return (
+        <Modal
+            visible={props.visible}
+            transparent
+            onRequestClose={() => props.setVisible(false)}
+            animationType="fade"
+        >
+            <View style={styles.modalContainer}>
+                <View style={styles.modalContent}>
+                    <FloatingIconButton
+                        iconName={'close'}
+                        onPress={() => {
+                            props.setVisible(false);
+                        }}
+                    />
+                    <ScrollView indicatorStyle="white">
+                        {props.list.map((numbers) => {
+                            return (
+                                <View key={numbers.id}>
+                                    <Text style={styles.title}>
+                                        {' '}
+                                        {numbers.number}{' '}
+                                    </Text>
+                                    <Text style={styles.description}>
+                                        {' '}
+                                        {numbers.description}{' '}
+                                    </Text>
+                                </View>
+                            );
+                        })}
+                    </ScrollView>
+                </View>
+            </View>
+        </Modal>
+    );
+};