Skip to content

fix(pagination): DLT-2373 invalid prop combination on end buttons#684

Merged
Brad Paugh (braddialpad) merged 3 commits intostagingfrom
pagination-invalid-prop
Mar 31, 2025
Merged

fix(pagination): DLT-2373 invalid prop combination on end buttons#684
Brad Paugh (braddialpad) merged 3 commits intostagingfrom
pagination-invalid-prop

Conversation

@braddialpad
Copy link
Copy Markdown
Contributor

fix(pagination): DLT-2373 invalid prop combination on end buttons

Obligatory GIF (super important!)

Obligatory GIF

🛠️ Type Of Change

These types will increment the version number on release:

  • Fix

📖 Jira Ticket

https://dialpad.atlassian.net/browse/DLT-2373

📖 Description

Removed unnecessary conditionals from kind and importance props on the end "arrow" buttons in the pagination component.

💡 Context

It was possible for the pagination component end buttons to display a "primary muted" button which is an invalid combination. Found that the kind and importance conditionals for the end buttons were not even needed anyways.

📝 Checklist

For all PRs:

  • I have ensured no private Dialpad links or info are in the code or pull request description (Dialtone is a public repo!).
  • I have reviewed my changes.
  • I have added all relevant documentation.
  • I have considered the performance impact of my change.

:disabled="isLastPage"
kind="muted"
:importance="isLastPage ? 'primary' : 'clear'"
:class="isLastPage ? 'd-fc-black-300 d-bgc-transparent' : 'd-fc-tertiary'"
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

You removed this classes that's why the Percy tests detected changes.

Those classes shouldn't be there anyways haven't we removed all utility classes from components?

Can you please update this?

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

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

ah yeah, it's because the default disabled styling makes it "filled". Added the specific disabled styling to the less file, fixed.

}

if (this.currentPage > end) {
console.log('END=', end);
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

Forgot to remove console log

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

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

I did remove it that's why it's red 😄.

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

🙃 my bad haha

@github-actions
Copy link
Copy Markdown
Contributor

✔️ Deploy previews ready!
😎 Dialtone preview: https://dialtone.dialpad.com/deploy-previews/pr-684/
😎 Dialtone-vue 2 preview: https://dialtone.dialpad.com/vue/deploy-previews/pr-684/
😎 Dialtone-vue 3 the preview: https://dialtone.dialpad.com/vue3/deploy-previews/pr-684/

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

Perfect! that's way more clear, thanks.

@braddialpad Brad Paugh (braddialpad) merged commit 517debb into staging Mar 31, 2025
11 checks passed
@braddialpad Brad Paugh (braddialpad) deleted the pagination-invalid-prop branch March 31, 2025 04:09
Julio Ortega (juliodialpad) pushed a commit that referenced this pull request Apr 3, 2025
## [8.50.4](dialtone-css/v8.50.3...dialtone-css/v8.50.4) (2025-03-31)

### Bug Fixes

* **Pagination:** DLT-2373 invalid prop combination on end buttons ([#684](#684)) ([517debb](517debb))
Julio Ortega (juliodialpad) pushed a commit that referenced this pull request Apr 3, 2025
# [2.180.0](dialtone-vue2/v2.179.1...dialtone-vue2/v2.180.0) (2025-03-31)

### Bug Fixes

* **Pagination:** DLT-2373 invalid prop combination on end buttons ([#684](#684)) ([517debb](517debb))

### Features

* **Editor:** DP-131851 added editor support to encase text with div tags ([#685](#685)) ([d0429a3](d0429a3))
Julio Ortega (juliodialpad) pushed a commit that referenced this pull request Apr 3, 2025
# [3.173.0](dialtone-vue3/v3.172.1...dialtone-vue3/v3.173.0) (2025-03-31)

### Bug Fixes

* **Pagination:** DLT-2373 invalid prop combination on end buttons ([#684](#684)) ([517debb](517debb))

### Features

* **Editor:** DP-131851 added editor support to encase text with div tags ([#685](#685)) ([d0429a3](d0429a3))
Julio Ortega (juliodialpad) pushed a commit that referenced this pull request Apr 3, 2025
# [9.107.0](dialtone/v9.106.1...dialtone/v9.107.0) (2025-03-31)

### Bug Fixes

* **Pagination:** DLT-2373 invalid prop combination on end buttons ([#684](#684)) ([517debb](517debb))

### Features

* **Editor:** DP-131851 added editor support to encase text with div tags ([#685](#685)) ([d0429a3](d0429a3))
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

visual-test-ready Add this tag when the PR is ready for visual test, to trigger GHA visual tests

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants