feat: redesign dashboard UI

[laxyapahuja]

Issue Fix

Fixes #102

Screenshots

Description

The addition of bottom navigation bar will be done in different PRs as discussed with a mentor.

• Run the unit tests with ./gradlew check to make sure you didn't break anything

• If you have multiple commits please combine them into one commit by squashing them.

[rchtgpt]

hey @laxyapahuja, I think what you have done is not correct because according to the mockups which we are currently working on, a Persistent BottomSheetDialog should be used instead of a CardView to display recent transactions. You can check the prototype video of the mockups here

[laxyapahuja]

hey @laxyapahuja, I think what you have done is not correct because according to the mockups which we are currently working on, a Persistent BottomSheetDialog should be used instead of a CardView to display recent transactions. You can check the prototype video of the mockups here

hey, i just checked out BottomSheetDialog and it doesn't exactly look like what is in the actual mockup. i think it'll be better if we used CardView and just add some code to drag it up. also either way, the task only mentions to "redesign" so i think the functionality can be added in another pull request.

[rchtgpt]

hey, i just checked out BottomSheetDialog and it doesn't exactly look like what is in the actual mockup. i think it'll be better if we used CardView and just add some code to drag it up. also either way, the task only mentions to "redesign" so i think the functionality can be added in another pull request.

The mockup which I made was actually influenced from a BottomSheetDialog and in my opinion, it is a part of design itself.
@luckyman20 what do you think?

[luckyman20]

@laxyapahuja You have to add this dragging functionality as this is part of frontend only.

Also, 'Direct' doesn't seems appropriate here, use 'Self' instead.

[laxyapahuja]

updated :D

[rchtgpt]

according to the mockup, you have to add a white outline to the 'Receive' button

[luckyman20]

You have to shift notification bell icon too. Also, the green thing on each card is not looking good, either remove it or colour it in violet color. Do not forget to update screenshot/video recording ;)

[laxyapahuja]

You have to shift notification bell icon too. Also, the green thing on each card is not looking good, either remove it or colour it in violet color. Do not forget to update screenshot/video recording ;)

updated :)

[rchtgpt]

@laxyapahuja i just compared your GIF with the actual mockup, i feel like the cards do not look as they are in mockups.

[laxyapahuja]

Yeah, the mock-up has very less padding which makes it look congested.

[rchtgpt]

@laxyapahuja, you can avoid importing bell.png file and instead use the bell icon which is already present in the app with the name ic_notifications.xml

[rchtgpt]

Adding a blank line at the end of each file is considered a good practice, so I suggest you can add them.

[laxyapahuja]

updated :)

[garvit984]

Swipe Refresh can be applied for the whole fragment. Please upload a screenshot for switching between different tabs. Remove the toolbar. Bell icon is not consistent with the design.

[garvit984]

@laxyapahuja There are inconsistencies in some devices in relation to the height this bottom sheet can rise.