fga-eps-mds#164 - Standardizing listing of complaint screen

src/constants/publicAgencyInformations.js

@@ -13,16 +13,95 @@ export const FNDE_PHONE = '0800-616161';
 export const FNDE_WEB_SITE = 'www.fnde.gov.br';
 export const FNDE_EMAIL = '[email protected] | [email protected]';
 
+export const FNDE_DATA = [
+  {
+    label: ADDRESS,
+    value: FNDE_ADDRESS,
+  },
+  {
+    label: PHONE,
+    value: FNDE_PHONE,
+  },
+  {
+    label: EMAIL,
+    value: FNDE_EMAIL,
+  },
+  {
+    label: WEB_SITE,
+    value: FNDE_WEB_SITE,
+  },
+];
+
 export const CGU = 'Ministério da Transparência, Fiscalização e Controladoria-Geral da União (CGU)';
 export const CGU_ADDRESS = 'SAS - Quadra 1, Bloco A, 8º andar Edifício Darcy Ribeiro Brasília-DF CEP: 70.070-905';
 export const CGU_WEB_SITE = 'http://www.cgu.gov.br/assuntos/ouvidoria/denuncias-e-manifestacoes';
 
+export const CGU_DATA = [
+  {
+    label: ADDRESS,
+    value: CGU_ADDRESS,
+  },
+  {
+    label: WEB_SITE,
+    value: CGU_WEB_SITE,
+  },
+];
+
 export const MPF = 'Ministério Público Federal';
 export const MPF_ADDRESS = 'SAFS, Quadra 04, conjunto “C” Brasília-DF CEP: 70050-900';
 export const MPF_PHONE = '(61) 3031-5100';
 export const MPF_WEB_SITE = 'http://www.mpf.mp.br/para-o-cidadao/sac';
 
+export const MPF_DATA = [
+  {
+    label: ADDRESS,
+    value: MPF_ADDRESS,
+  },
+  {
+    label: PHONE,
+    value: MPF_PHONE,
+  },
+  {
+    label: WEB_SITE,
+    value: MPF_WEB_SITE,
+  },
+];
+
 export const TCU = 'Tribunal de Contas da União';
 export const TCU_ADDRESS = 'SAFS - Quadra 04, Lote 01 Brasília-DF CEP: 70042-900';
 export const TCU_PHONE = '0800-6441500';
 export const TCU_WEB_SITE = 'www.tcu.gov.br/ouvidoria';
+
+export const TCU_DATA = [
+  {
+    label: ADDRESS,
+    value: TCU_ADDRESS,
+  },
+  {
+    label: PHONE,
+    value: TCU_PHONE,
+  },
+  {
+    label: WEB_SITE,
+    value: TCU_WEB_SITE,
+  },
+];
+
+export const ALL_PUBLIC_DATA = [
+  {
+    title: FNDE,
+    payload: FNDE_DATA,
+  },
+  {
+    title: CGU,
+    payload: CGU_DATA,
+  },
+  {
+    title: MPF,
+    payload: MPF_DATA,
+  },
+  {
+    title: TCU,
+    payload: TCU_DATA,
+  },
+];

src/screens/complaintScreen.js

@@ -58,74 +58,26 @@ class complaintScreen extends React.PureComponent {
           title={'Denunciar'}
         />
         <ScrollView>
-          <View style={styles.textBox}>
-            <Text style={[styles.title, { fontSize: 20 }]}>{constant.COMPLAINT_TITLE}</Text>
-          </View>
-
           <Hyperlink linkDefault linkStyle={{ color: '#2980b9' }}>
-            <View style={styles.field}>
-              <Text style={styles.title}>{constant.FNDE}</Text>
-              <Text style={styles.information}>
-                <Text style={{ fontWeight: 'bold' }}>{constant.ADDRESS}</Text>
-                {constant.FNDE_ADDRESS}
-              </Text>
-              <Text style={styles.information}>
-                <Text style={{ fontWeight: 'bold' }}>{constant.PHONE}</Text>
-                {constant.FNDE_PHONE}
-              </Text>
-              <Text style={styles.information}>
-                <Text style={{ fontWeight: 'bold' }}>{constant.WEB_SITE}</Text>
-                {constant.FNDE_WEB_SITE}
-              </Text>
-              <Text style={styles.information}>
-                <Text style={{ fontWeight: 'bold' }}>{constant.EMAIL}</Text>
-                {constant.FNDE_EMAIL}
-              </Text>
-            </View>
-
-            <View style={styles.field}>
-              <Text style={styles.title}>{constant.CGU}</Text>
-              <Text style={styles.information}>
-                <Text style={{ fontWeight: 'bold' }}>{constant.ADDRESS}</Text>
-                {constant.CGU_ADDRESS}
-              </Text>
-              <Text style={styles.information}>
-                <Text style={{ fontWeight: 'bold' }}>{constant.WEB_SITE}</Text>
-                {constant.CGU_WEB_SITE}
-              </Text>
+            <View style={styles.textBox}>
+              <Text style={[styles.title, { fontSize: 20 }]}>{constant.COMPLAINT_TITLE}</Text>
             </View>
 
-            <View style={styles.field}>
-              <Text style={styles.title}>{constant.MPF}</Text>
-              <Text style={styles.information}>
-                <Text style={{ fontWeight: 'bold' }}>{constant.ADDRESS}</Text>
-                {constant.MPF_ADDRESS}
-              </Text>
-              <Text style={styles.information}>
-                <Text style={{ fontWeight: 'bold' }}>{constant.PHONE}</Text>
-                {constant.MPF_PHONE}
-              </Text>
-              <Text style={styles.information}>
-                <Text style={{ fontWeight: 'bold' }}>{constant.WEB_SITE}</Text>
-                {constant.MPF_WEB_SITE}
-              </Text>
-            </View>
-
-            <View style={styles.field}>
-              <Text style={styles.title}>{constant.TCU}</Text>
-              <Text style={styles.information}>
-                <Text style={{ fontWeight: 'bold' }}>{constant.ADDRESS}</Text>
-                {constant.TCU_ADDRESS}
-              </Text>
-              <Text style={styles.information}>
-                <Text style={{ fontWeight: 'bold' }}>{constant.PHONE}</Text>
-                {constant.TCU_PHONE}
-              </Text>
-              <Text style={styles.information}>
-                <Text style={{ fontWeight: 'bold' }}>{constant.WEB_SITE}</Text>
-                {constant.TCU_WEB_SITE}
-              </Text>
-            </View>
+            {
+              constant.ALL_PUBLIC_DATA.map(item => (
+                <View style={styles.field}>
+                  <Text style={styles.title}>{item.title}</Text>
+                  {
+                    item.payload.map(data => (
+                      <Text style={styles.information}>
+                        <Text style={{ fontWeight: 'bold' }}>{data.label}</Text>
+                        {data.value}
+                      </Text>
+                    ))
+                  }
+                </View>
+              ))
+            }
           </Hyperlink>
         </ScrollView>
       </View>