Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Enhancing UX for adding content #2213

Merged
merged 3 commits into from
Dec 5, 2023
Merged

Enhancing UX for adding content #2213

merged 3 commits into from
Dec 5, 2023

Conversation

Dante291
Copy link
Contributor

@Dante291 Dante291 commented Dec 4, 2023

What kind of change does this PR introduce?

Enhancing UX for adding content so that no longer add sign button are there in a particular screen of the App.

Issue Number:

Fixes #2191

Did you add tests for your changes?

Yes

Snapshots/Videos:
Screenshot_1701688091

Summary

Currently there are more than one add/plus sign button on some screen of the app to add content this affects the user experience of the App. I added Floating Action Button(FAB) on the feed screen of the app so that there wouldn't be more than one add/plus button on any screen of the app.

This FAB navigates us to the add post page screen to make new posts, took reference from X/Twitter app for making new tweets.

Have you read the [contributing guide] (https://github.com/PalisadoesFoundation/talawa/blob/master/CONTRIBUTING.md)?

Yes

Copy link

github-actions bot commented Dec 4, 2023

Our Pull Request Approval Process

We have these basic policies to make the approval process smoother for our volunteer team.

Testing Your Code

Please make sure your code passes all tests. Our test code coverage system will fail if either of these two conditions occur:

  1. The overall code coverage drops below the target threshold of the repository
  2. Any file in the pull request has code coverage levels below the repository threshold

The process helps maintain the overall reliability of the code base and is a prerequisite for getting your PR approved. Assigned reviewers regularly review the PR queue and tend to focus on PRs that are passing.

Reviewers

When your PR has been assigned reviewers contact them to get your code reviewed and approved via:

  1. comments in this PR or
  2. our slack channel

Reviewing Your Code

Your reviewer(s) will have the following roles:

  1. arbitrators of future discussions with other contributors about the validity of your changes
  2. point of contact for evaluating the validity of your work
  3. person who verifies matching issues by others that should be closed.
  4. person who gives general guidance in fixing your tests

Other

🎯 Please be considerate of our volunteers' time. Contacting the person who assigned the reviewers is not advised unless they ask for your input. Do not @ the person who did the assignment otherwise.

Copy link

codecov bot commented Dec 4, 2023

Codecov Report

All modified and coverable lines are covered by tests ✅

Comparison is base (3ee0c25) 79.85% compared to head (8e451ac) 80.29%.
Report is 22 commits behind head on develop.

Additional details and impacted files
@@             Coverage Diff             @@
##           develop    #2213      +/-   ##
===========================================
+ Coverage    79.85%   80.29%   +0.44%     
===========================================
  Files          152      149       -3     
  Lines         7456     6964     -492     
===========================================
- Hits          5954     5592     -362     
+ Misses        1502     1372     -130     

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

@Dante291
Copy link
Contributor Author

Dante291 commented Dec 4, 2023

@Ayush0Chaudhary @noman2002 I have written tests for all the lines I have added or edited.

@@ -99,4 +99,7 @@ class Routes {

/// static variable to access pinnedpostscreen.
static const String pinnedPostScreen = '/pinnedpostscreen';

/// static variable.
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Write a better doc.

lib/router.dart Outdated
case Routes.addPostScreen:
return MaterialPageRoute(
builder: (context) => const AddPost(
key: Key('addpostscreen'),
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Use camelCase naming

lib/views/after_auth_screens/feed/organization_feed.dart Outdated Show resolved Hide resolved
lib/views/after_auth_screens/feed/organization_feed.dart Outdated Show resolved Hide resolved
@literalEval
Copy link
Member

@Dante291 since it is a UI change, it'll help if you can please add before and after screen records.

@Ayush0Chaudhary
Copy link
Contributor

@Dante291 add code coverge ss too

Copy link
Contributor

@Ayush0Chaudhary Ayush0Chaudhary left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Make sure you cover all the lines.

@Dante291
Copy link
Contributor Author

Dante291 commented Dec 5, 2023

Before it looked like this:

288159259-40dd0a35-8110-43dc-a80a-971878de7cfa

After:

Screenshot_1701688091

Added floating action button for making new post and removed its option from BottomNavBar so that we could have only 4 items in navbar when chat functionality will be implemented again for better UX, this also ensures no more than 1 Add/plus sign button are visible in any screen of the app to add content.

@Dante291
Copy link
Contributor Author

Dante291 commented Dec 5, 2023

image

Added test for all the lines I have added/edited.

@Dante291
Copy link
Contributor Author

Dante291 commented Dec 5, 2023

Don't use constant sizing. Use SizeConfig instead.

@literalEval I tried using SizeConfig for setting up the size of the icon but it showed me error, Invalid constant value, I also noticed constant sizing is used for setting up the size for Icons throughout the app.

Other than this I have resolved all the above asked changes.

@noman2002
Copy link
Member

noman2002 commented Dec 5, 2023

Don't use constant sizing. Use SizeConfig instead.

@literalEval I tried using SizeConfig for setting up the size of the icon but it showed me error, Invalid constant value, I also noticed constant sizing is used for setting up the size for Icons throughout the app.

Other than this I have resolved all the above asked changes.

Remove const from the widget. You'll not get the error.

@Dante291
Copy link
Contributor Author

Dante291 commented Dec 5, 2023

Don't use constant sizing. Use SizeConfig instead.

@literalEval I tried using SizeConfig for setting up the size of the icon but it showed me error, Invalid constant value, I also noticed constant sizing is used for setting up the size for Icons throughout the app.
Other than this I have resolved all the above asked changes.

Remove const from the widget. You'll not get the error.

@noman2002 I didn't notice that, Thanks sir it helped. Please review or if you have any other UI or any changes do lemme know.

Copy link
Member

@noman2002 noman2002 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Looks good to me.

@palisadoes palisadoes merged commit 63a420c into PalisadoesFoundation:develop Dec 5, 2023
7 checks passed
palisadoes pushed a commit to palisadoes/talawa that referenced this pull request Jan 10, 2024
* Enhancing UX for adding content

* resolving asked changes

* fixing constant sizing
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Create a consistent UX for adding content
5 participants