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

refactor: Improve UX on Create New List page - /hub/lists/new #1987

Merged
merged 6 commits into from
Oct 25, 2023

Conversation

5hraddha
Copy link
Contributor

@5hraddha 5hraddha commented Oct 23, 2023

Description

This PR improves UX on Create New List page - /hub/lists/new by:

Note: There are still many accessibility issues that needs to be taken care of. A few important issues being:

  1. Pressing Enter doesn't do anything.
  2. The Explore Contributors and Import your GitHub following info cards can't be accessed by keyboard. And also, there is no visual indicator (except cursor turning to pointer) that the user is hovering over something that they can interact with.
    Team, please let me know how you want to handle the issues above.

What type of PR is this? (check all applicable)

  • 🍕 Feature
  • 🐛 Bug Fix
  • 📝 Documentation Update
  • 🎨 Style
  • 🧑‍💻 Code Refactor
  • 🔥 Performance Improvements
  • ✅ Test
  • 🤖 Build
  • 🔁 CI
  • 📦 Chore (Release)
  • ⏩ Revert

Related Tickets & Documents

Fixes #1934

Mobile & Desktop Screenshots/Recordings

Before the refactor:

opensauced-create-list-ux-before-fix.mp4

After the refactor:

opensauced-create-list-ux-after-fix.mp4

Added tests?

  • 👍 yes
  • 🙅 no, because they aren't needed
  • 🙋 no, because I need help

Added to documentation?

  • 📜 README.md
  • 📓 docs.opensauced.pizza
  • 🍕 dev.to/opensauced
  • 📕 storybook
  • 🙅 no documentation needed

[optional] Are there any post-deployment tasks we need to perform?

[optional] What gif best describes this PR or how it makes you feel?

@netlify
Copy link

netlify bot commented Oct 23, 2023

👷 Deploy request for oss-insights accepted.

Name Link
🔨 Latest commit 52bf97a
🔍 Latest deploy log https://app.netlify.com/sites/oss-insights/deploys/65391cbd52e5040008acb461

@netlify
Copy link

netlify bot commented Oct 23, 2023

Deploy Preview for design-insights ready!

Name Link
🔨 Latest commit 52bf97a
🔍 Latest deploy log https://app.netlify.com/sites/design-insights/deploys/65391cbdff7f750008b860c2
😎 Deploy Preview https://deploy-preview-1987--design-insights.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

Copy link
Member

@isabensusan isabensusan left a comment

Choose a reason for hiding this comment

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

This is much better, thank you for the great work @5hraddha !!

Copy link
Contributor

@brandonroberts brandonroberts left a comment

Choose a reason for hiding this comment

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

🍕

@brandonroberts brandonroberts merged commit c0fcf7a into open-sauced:beta Oct 25, 2023
open-sauced bot pushed a commit that referenced this pull request Oct 25, 2023
## [1.73.0-beta.1](v1.72.1-beta.1...v1.73.0-beta.1) (2023-10-25)

### 🍕 Features

*  implement improved UX for non-connected users profile ([#1992](#1992)) ([f11160c](f11160c))

### 🧑‍💻 Code Refactoring

* Improve UX on Create New List page - `/hub/lists/new` ([#1987](#1987)) ([c0fcf7a](c0fcf7a))
open-sauced bot pushed a commit that referenced this pull request Oct 26, 2023
## [1.73.0](v1.72.0...v1.73.0) (2023-10-26)

### 🍕 Features

*  implement improved UX for non-connected users profile ([#1992](#1992)) ([f11160c](f11160c))

### 🧑‍💻 Code Refactoring

* Improve UX on Create New List page - `/hub/lists/new` ([#1987](#1987)) ([c0fcf7a](c0fcf7a))

### 🐛 Bug Fixes

* add logic to force the user to tag at least one repository to a highlight ([#2007](#2007)) ([665fbf2](665fbf2))
* background color in text-input ([#1998](#1998)) ([1913462](1913462))
* more menu overlap issue on safari ([#1999](#1999)) ([66df010](66df010))
* now the error message in highlight form will alert assistive tech ([#2008](#2008)) ([a0d4b3b](a0d4b3b))
* set border radius for modals in small screens ([#2004](#2004)) ([738c714](738c714))
* show contributors name and company in table ([#2012](#2012)) ([79776a3](79776a3))
@5hraddha 5hraddha deleted the shraddha/ux-create-new-list branch November 10, 2023 20:44
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.

Feature: Improve UX on Create New List Feature
3 participants