💄 Espaçamento no cardápio

💄 Alinhamento do texto do cardápio
♿ Aumento no tamanho dos botões de acessibilidade
🤖 🔖 Versão 1.02
📄 Readme.MD

README.md

@@ -2,7 +2,7 @@
 <img src="./resources/web_hi_res_512.png" width="150" alt="Logo do Cardápio Mobile UERJ" />
 <h1>Cardápio Mobile UERJ</h1>    
 <a href="https://github.com/pitroldev/cardapio-mobile-uerj/releases">
-<img src="https://img.shields.io/badge/version-1.01-green.svg" alt="Atual versão do Cardápio Mobile UERJ." />
+<img src="https://img.shields.io/badge/version-1.02-green.svg" alt="Atual versão do Cardápio Mobile UERJ." />
 </a>
 <a href="https://github.com/pitroldev/cardapio-mobile-uerj/blob/master/LICENSE.txt">
 <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="Cardápio Mobile UERJ está sob a licença APACHE." />    
@@ -17,9 +17,9 @@
 
 ## 📃 Descrição
 
-    Cardápio Mobile UERJ é um aplicativo de código aberto feito para promover facilidade e maior acessibilidade ao cardápio do restaurante universitário da UERJ.
+Cardápio Mobile UERJ é um aplicativo de código aberto feito para promover facilidade e maior acessibilidade ao cardápio do restaurante universitário da UERJ.
 
-    Dentro do aplicativo também contém links de acesso para o site oficial da [UERJ](https://www.uerj.br/) e para o site oficial do [Restaurante Universitário](http://www.restauranteuniversitario.uerj.br/index.html).
+Dentro do aplicativo também contém links de acesso para o site oficial da [UERJ](https://www.uerj.br/) e para o site oficial do [Restaurante Universitário](http://www.restauranteuniversitario.uerj.br/index.html).
 
 ## 🚀 Motivação
 
@@ -33,11 +33,11 @@
 
 ## ⚙ Como funciona?
 
-    O Cardápio Mobile UERJ se baseia completamente na forma e estruturação do site do [Restaurante Universitário da UERJ](http://www.restauranteuniversitario.uerj.br/cardapio.html), que mantêm uma estrutura e padrão de formatação fixos desde a sua data de lançamento. O Aplicativo acessa o cardápio e salva a resposta do site na memória do celular, após isso ele processa e organiza essas informações utilizando [JQuery](https://jquery.com/) e programação orientada a objetos. Após organizado, o aplicativo renderiza em tela as informações, formatando o texto, corrigindo acentuação, pontuação e removendo a abreviação das palavras, tudo para a melhor experiência de deficintes visuais que utilizam o Talkback no celular.
+O Cardápio Mobile UERJ se baseia completamente na forma e estruturação do site do [Restaurante Universitário da UERJ](http://www.restauranteuniversitario.uerj.br/cardapio.html), que mantêm uma estrutura e padrão de formatação fixos desde a sua data de lançamento. O Aplicativo acessa o cardápio e salva a resposta do site na memória do celular, após isso ele processa e organiza essas informações utilizando [JQuery](https://jquery.com/) e programação orientada a objetos. Após organizado, o aplicativo renderiza em tela as informações, formatando o texto, corrigindo acentuação, pontuação e removendo a abreviação das palavras, tudo para a melhor experiência de deficintes visuais que utilizam o Talkback no celular.
 
 ## 🛠 O que foi utilizado?
 
-    Foi utilizado Javascript como linguagem de programação, [React-Native](https://github.com/facebook/react-native) como principal framework, JQuery ([react-native-cheerio](https://github.com/leon3110l/react-native-cheerio)) para a busca das informações e outras diversas libs para fins de abstração.
+Foi utilizado Javascript como linguagem de programação, [React-Native](https://github.com/facebook/react-native) como principal framework, JQuery ([react-native-cheerio](https://github.com/leon3110l/react-native-cheerio)) para a busca das informações e outras diversas libs para fins de abstração.
 
 ## 🎨 Demonstração
 

android/app/build.gradle

@@ -132,8 +132,8 @@ android {
         applicationId "com.cardapiomobileuerj"
         minSdkVersion rootProject.ext.minSdkVersion
         targetSdkVersion rootProject.ext.targetSdkVersion
-        versionCode 2
-        versionName "1.01"
+        versionCode 3
+        versionName "1.02"
         project.ext.set("archivesBaseName", "cardapio-mobile-uerj-" + defaultConfig.versionName);
     }
     splits {

src/components/carousel.js

@@ -7,7 +7,6 @@ import {
   Row,
   Column,
   ItemRow,
-  View,
   Next,
   Previous,
 } from './styles_carousel';
@@ -47,10 +46,16 @@ const CarouselView = props => {
                   ? item + ',' + 'Nenhum'
                   : item + ',' + parseName(day.item[key + 4], item)
               }>
-              <Text importantForAccessibility={'no'} accessible={false}>
+              <Text
+                importantForAccessibility={'no'}
+                accessible={false}
+                textAlign={'left'}>
                 {item}
               </Text>
-              <Text importantForAccessibility={'no'} accessible={false}>
+              <Text
+                importantForAccessibility={'no'}
+                accessible={false}
+                textAlign={'right'}>
                 {parseName(day.item[key + 4], item)}
               </Text>
             </ItemRow>
@@ -61,7 +66,7 @@ const CarouselView = props => {
   }
 
   return (
-    <View>
+    <>
       <Next
         accessible={true}
         importantForAccessibility={'yes'}
@@ -95,7 +100,7 @@ const CarouselView = props => {
         sliderWidth={Responsive(425)}
         itemWidth={Responsive(400)}
       />
-    </View>
+    </>
   );
 };
 

src/components/styles_carousel.js

@@ -8,8 +8,7 @@ export const Container = styled.View`
   align-self: center;
   margin-top: 30%;
   margin-bottom: 10%;
-  padding: 4%;
-  box-shadow: 0px 4px 2px rgba(0, 0, 0, 0.2);
+  padding: 3%;
   elevation: 4;
 `;
 
@@ -19,7 +18,10 @@ export const ItemRow = styled.View`
   flex-direction: row;
   align-items: center;
   margin: 1%;
-  padding: 2%;
+  padding-top: 2.5%;
+  padding-bottom: 2.5%;
+  padding-right: 4%;
+  padding-left: 4%;
   elevation: 4;
 `;
 
@@ -30,11 +32,6 @@ export const Row = styled.View`
   margin: 1%;
 `;
 
-export const View = styled.View`
-  flex-direction: row;
-  align-self: center;
-`;
-
 export const Column = styled.View`
   flex: 1;
 `;
@@ -55,22 +52,21 @@ export const Text = styled.Text`
   width: 50%;
   font-size: ${Responsive(16)}px;
   font-weight: bold;
-  text-align: center;
+  text-align: ${props => (props.textAlign ? props.textAlign : 'center')};
   color: #fff;
-  padding: 0.5%;
 `;
 
 export const Next = styled.TouchableOpacity`
   width: 20%;
-  height: 80%;
+  height: 100%;
   align-self: center;
   position: absolute;
   left: 80%;
 `;
 
 export const Previous = styled.TouchableOpacity`
   width: 20%;
-  height: 80%;
+  height: 100%;
   align-self: center;
   position: absolute;
   left: 0%;