Skip to content

Main Explore, Tag Explore and Organization Page #69

@bryanwong8

Description

@bryanwong8

Is your feature request related to a problem? Please describe.
We need to implement infinite scrolling for the articles in the explore page.

Describe the solution you'd like

Organization Page

Screen Shot 2020-06-05 at 4 55 14 PM

  • Should use the {{APIURL}}/api/organizations/{{organizationSlug}} to get all the information needed to display the data needed.

  • Should look at the Postman Docs to use the correct props in the component

  • Organization Header

Screen Shot 2020-06-05 at 4 55 20 PM

  • Should reuse the header component from components/global/Header.tsx to implement the Organization header part.

  • For the follow and unfollow button you should use the {{APIURL}}/api/organizations/{{organizationSlug}}/follow(POST) and
    {{APIURL}}/api/organizations/{{organizationSlug}}/follow(DELETE) to follow and unfollow an organization

  • Organization Articles

Screen Shot 2020-06-05 at 4 55 25 PM

  • For the tabs part, use ant design tabs, https://ant.design/components/tabs/

  • Should use the Article component from the components/global/ArticleCard.tsx to show the articles.

  • Should use the components/global/UserList.tsx to display all of the followers of an organization and to use the {{APIURL}}/api/organizations/{{organizationSlug}}/members route to display the members

  • Moderators and Members

Screen Shot 2020-06-05 at 4 55 28 PM

  • Use the {{APIURL}}/api/organizations/{{organizationSlug}}/members route to get the data needed to display moderators and members. Should also use the components/global/User.tsx component to display the members and moderators.

  • The follow and unfollow routes should use {{APIURL}}/api/profiles/{{USERNAME}}/follow (POST) and {{APIURL}}/api/profiles/{{USERNAME}}/follow (DELETE)

Metadata

Metadata

Assignees

Labels

frontendThis is a frontend issue

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions