Add new feature about screen#14
Conversation
…thout the action of arrow back
|
Hi @ZineeEddine! in order to accept the pull request it needs to be 100% compliant with the requirements. Here are the points that are not compliant with what was specified in #12:
Below are the UI improvement that also must be followed to make the UI consistent with the rest of the App:
Below are the code improvements:
Moreover I expect to see exactly the following changes in your commit:
No other changes to any other file will be accepted, unless properly motivated. Please, take your time to submit quality code that is consistent with the style of the rest of the App. When ready we will do another iteration like this one. |
|
@davidepanidev apologies, @ZineeEddine @beastboym we'll start over and the interface and removing all other changes and we will come back to you for more details. |
|
Hi @davidepanidev, We kept the navigation, just to see the AboutScreen screen at compile time (interface changes), we will remove all the changes later, and we will keep the AboutScreen.kt file Section elements, for example Github Issues, should they be clickable and open the link, or just display the link? Should the background of the elements be gray like cypto or dark like market data? Here is an illustration of the changes (we tried to respect the instructions as much as possible: padding, sections, size, divider) What do you think of this new improvement? |
davidepanidev
left a comment
There was a problem hiding this comment.
Ok great! I made here a detailed review line-by-line so that you know what has to be changed to fine tune the UI. Thanks
build.gradle
Outdated
| id 'com.android.application' version '7.2.2' apply false | ||
| id 'com.android.library' version '7.2.2' apply false |
presentation/src/main/java/com/cointrend/presentation/ui/about/AboutScreen.kt
Outdated
Show resolved
Hide resolved
presentation/src/main/java/com/cointrend/presentation/ui/about/AboutScreen.kt
Outdated
Show resolved
Hide resolved
presentation/src/main/java/com/cointrend/presentation/ui/about/AboutScreen.kt
Outdated
Show resolved
Hide resolved
presentation/src/main/java/com/cointrend/presentation/ui/about/AboutScreen.kt
Outdated
Show resolved
Hide resolved
presentation/src/main/java/com/cointrend/presentation/ui/about/AboutScreen.kt
Outdated
Show resolved
Hide resolved
presentation/src/main/java/com/cointrend/presentation/ui/about/AboutScreen.kt
Outdated
Show resolved
Hide resolved
presentation/src/main/java/com/cointrend/presentation/ui/about/AboutScreen.kt
Show resolved
Hide resolved
presentation/src/main/java/com/cointrend/presentation/ui/about/AboutScreen.kt
Outdated
Show resolved
Hide resolved
presentation/src/main/java/com/cointrend/presentation/ui/about/AboutScreen.kt
Outdated
Show resolved
Hide resolved
|
Hi, @davidepanidev I removed the "about" item from the navigation bar but also from the MainActivity.kt, Screen.kt and Enum.kt file. Unless I am mistaken.
We hope that the modifications correspond to your expectations, what do you think ? |
davidepanidev
left a comment
There was a problem hiding this comment.
There are some changes that are still to be made. Check them out and submit the final pull request. Please, make sure to check the Android Studio options inside the commit dialog before committing: "Cleanup code", "Rearrange code", "Optimize imports", "Analyze code" so that the code follows the Kotlin formatting standards.
| title = {}, | ||
| navigationIcon = { | ||
| IconButton(onClick = { navController.pop() }) { | ||
| IconButton(onClick = { |
There was a problem hiding this comment.
All changes to this file must be reverted
| Text( | ||
| modifier = Modifier.padding(top = 2.dp, start = 115.dp), | ||
| text = "CoinTrend", | ||
| fontSize = 38.sp, |
There was a problem hiding this comment.
Here you have not removed the 'fontSize = 38.sp' yet
| modifier = Modifier | ||
| .padding(8.dp) | ||
| .fillMaxWidth(), | ||
| horizontalArrangement = Arrangement.spacedBy(8.dp), |
There was a problem hiding this comment.
Here change "Arrangement.spacedBy(8.dp)" with "Arrangement.spacedBy(16.dp)"
| ) { | ||
| Row( | ||
| modifier = Modifier | ||
| .padding(horizontal = 16.dp) |
There was a problem hiding this comment.
Here add padding ", vertical = 8.dp"
| maxLines = 1, | ||
| overflow = TextOverflow.Ellipsis | ||
| ) | ||
| Spacer(modifier = Modifier.size(4.dp)) |
There was a problem hiding this comment.
This Spacer has to be removed yet
|
@davidepanidev We have deleted in the AboutScreen.kt file, the imports never used, we have carried out a kotlin formatting, and clean code. We hope you like it and meet your expectations. |
davidepanidev
left a comment
There was a problem hiding this comment.
Ok there is one last change to be reverted in CoinDetailScreen. Then, I think we are ready.
presentation/src/main/java/com/cointrend/presentation/ui/coindetail/CoinDetailScreen.kt
Show resolved
Hide resolved
|
@ZineeEddine @beastboym welcome aboard! Thanks for contributing 🙏 |
|
@davidepanidev Thank you for allowing us to work on the project. It was my first time using JetPack Compose, and I enjoyed it. Thank you, and good luck with your future updates. |
Same for me, good luck 😄 |






Hi, @davidepanidev Here is a preview of the new About Screen feature
We try to apply what you have asked us. @beastboym
The logo in the center as well as the title "About", we chose to make cards with the logo and the title and information.
Different sections to realize (Source Code, Contact, Support)
which open the different links
Do you want us to leave the arrow for the return?
We don't think it has any use, because that's what the navigation buttons below are for.
Here are 2 screenshots and 1 video to illustrate.
20230222152520368.mp4