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

Loading post for mobile alpha version: #3420

Merged
merged 1 commit into from
Apr 14, 2022

Conversation

tpmai22
Copy link
Contributor

@tpmai22 tpmai22 commented Apr 7, 2022

Closes #2857
. Basic style for post
. Loading post using FlatList

Co-author: Duke Manh manhducdkcb@gmail.com

Issue This PR Addresses

Type of Change

  • Bugfix: Change which fixes an issue
  • New Feature: Change which adds functionality
  • Documentation Update: Change which improves documentation
  • UI: Change which improves UI

Description

Loading posts for alpha version in our mobile app homepage

Steps to test the PR

Prefer to use Gitpod which make ease in reviewing this PR.

  1. cd src/mobile
  2. pnpm start

Checklist

  • Quality: This PR builds and passes our npm test and works locally
  • Tests: This PR includes thorough tests or an explanation of why it does not
  • Screenshots: This PR includes screenshots or GIFs of the changes made or an explanation of why it does not (if applicable)
  • Documentation: This PR includes updated/added documentation to user exposed functionality or configuration variables are added/changed or an explanation of why it does not(if applicable)
Android.Emulator.-.Pixel_4_API_32_5554.2022-04-12.18-19-04.mp4

@gitpod-io
Copy link

gitpod-io bot commented Apr 7, 2022

@nguyenhung15913
Copy link
Contributor

@tpmai22 Oh wait, I almost have a PR for this. Mine is like 99% done but for now it will just load the first page of Posts (not infinite). I can work on other stuff of the posts component since it's huge. here is my work
image

minHeight: 300,
},
title: {
'-webkit-box-orient': 'vertical',
Copy link
Contributor

Choose a reason for hiding this comment

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

I have tested your PR. The some of the CSS properties will not work in React Native like webkit, overflow, letterSpacing or units like em, rem won't work either. I tested this PR using my android emulator of Android studio and I had to chance some styling properties to make it work. The Posts timeline is working fine

Copy link
Contributor Author

Choose a reason for hiding this comment

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

@nguyenhung15913 feel free to push the PR or if you want you can file follow up issues with the features that you have implemented

@tpmai22
Copy link
Contributor Author

tpmai22 commented Apr 8, 2022

@Kevan-Y @TueeNguyen any opinion ?

@TueeNguyen
Copy link
Contributor

Other than those comments, good use of SWR. Styling can be improve in other PRs

Copy link
Contributor

@DukeManh DukeManh left a comment

Choose a reason for hiding this comment

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

Almost ready, later I'd like to see the Load More button not being sticky to the screen

src/mobile/.env.development Show resolved Hide resolved
src/mobile/src/components/Post/Posts.jsx Outdated Show resolved Hide resolved
@tcvan0707 tcvan0707 added this to the 3.0 Release milestone Apr 8, 2022
DukeManh
DukeManh previously approved these changes Apr 12, 2022
@nguyenhung15913
Copy link
Contributor

Since this one is about loading posts only, and it working fine on fetching the posts, I think we can rebase and merge. Then based on this, I will create another PR for the styling that is compatible for mobile app.

@tpmai22
Copy link
Contributor Author

tpmai22 commented Apr 12, 2022

I just fix all the syling issues @nguyenhung15913 @TueeNguyen @DukeManh @Kevan-Y I think we are good to go

tcvan0707
tcvan0707 previously approved these changes Apr 12, 2022
TueeNguyen
TueeNguyen previously approved these changes Apr 13, 2022
@tpmai22 tpmai22 dismissed stale reviews from TueeNguyen and tcvan0707 via 7395add April 13, 2022 17:39
tcvan0707
tcvan0707 previously approved these changes Apr 13, 2022
  . Basic style for post
  . Loading post using FlatList

Co-author: Duke Manh <manhducdkcb@gmail.com>
@DukeManh DukeManh merged commit 0972760 into Seneca-CDOT:master Apr 14, 2022
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.

React native - Display posts
5 participants