Codelabz icon indicating copy to clipboard operation
Codelabz copied to clipboard

Dynamic-Tag-functonality-added and connected with backend

Open SURAJ-SHARMA27 opened this issue 1 year ago • 1 comments

Description

This pull request addresses the previous limitation in the organization pages where the "Select Tags" section lacked functionality. Specifically, the "+" button was non-functional, and only two tags ("python" and "javascript") were hardcoded. The changes include introducing a new field, "org_tags," to the organization schema. This addition enables users to customize and add tags to organizations dynamically. A search functionality has been implemented, allowing users to type and receive related tags in a dropdown. The selected tags are reflected on the organization feeds page upon publishing.

Note: This functionality will only work when changes made in #1037 are merged because, before that, the organization page is not opening, and sites break if one tries to open the org page. Therefore, once the bug addressed in #1037 PR is resolved, this enhancement will become operational.

Related Issue

resolves #946

Motivation and Context

This change is necessary to enhance the user experience on organization pages. Previously, users were limited in their ability to customize tags for organizations. The introduction of the "org_tags" field and the dynamic tagging functionality solves this problem, providing users with the flexibility to add, remove, and search for tags based on their preferences.

Screenshots or GIF (In case of UI changes):

Before:

https://github.com/scorelab/Codelabz/assets/90304648/80591f0b-33ea-4f55-a508-72c8000af1b0

After:

https://github.com/scorelab/Codelabz/assets/90304648/4862757e-682d-46d3-99f6-bce8b415b933

Types of changes

  • [x] Bug fix (non-breaking change which fixes an issue)
  • [x] New feature (non-breaking change which adds functionality)
  • [x] Breaking change (fix or feature that would cause existing functionality to change)

Checklist:

  • [x] My code follows the code style of this project.
  • [ ] My change requires a change to the documentation.
  • [ ] I have updated the documentation accordingly.
  • [ ] I have added tests to cover my changes.
  • [x] All new and existing tests passed.

SURAJ-SHARMA27 avatar Jan 07 '24 14:01 SURAJ-SHARMA27