Skip to content
This repository has been archived by the owner on Oct 4, 2023. It is now read-only.

[PAY-244][PAY-245] Update tip modal header and extract pill button #1653

Merged
merged 5 commits into from
Jul 28, 2022

Conversation

sddioulde
Copy link
Contributor

@sddioulde sddioulde commented Jul 27, 2022

Description

Update stems components:

  • update ModalHeader in stems to take styles for the dismiss button
  • update tip audio modal to use ModalHeader
  • add new PillButton

The new PillButton can be used for future components. It takes a type prop that will change the hover and active state styles accordingly (currently only primary and secondary types).

Dragons

n/a

How Has This Been Tested?

local against stage

Screen Shot 2022-07-27 at 6 30 52 PM

Screen Shot 2022-07-27 at 6 31 02 PM

Screen Shot 2022-07-27 at 6 31 43 PM

=============

Screen Shot 2022-07-27 at 5 52 13 PM

Screen Shot 2022-07-27 at 5 52 19 PM

Screen Shot 2022-07-27 at 5 52 22 PM

Screen Shot 2022-07-27 at 5 23 00 PM

Screen Shot 2022-07-27 at 5 23 06 PM

Screen Shot 2022-07-27 at 5 23 30 PM

How will this change be monitored?

n/a

Feature Flags

none

@sddioulde sddioulde force-pushed the sd-modal-icon-pill-button branch from 2add00d to ff3278a Compare July 27, 2022 22:59
@@ -0,0 +1,42 @@
.button {
height: unset !important;
Copy link
Contributor

Choose a reason for hiding this comment

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

Using !important is very bad smell, are there other ways we could accomplish this? 😨

Copy link
Contributor

@dylanjeffers dylanjeffers left a comment

Choose a reason for hiding this comment

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

awesome awesome work. main comments are related to api for pill etc

@sddioulde sddioulde changed the title Update tip modal header and extract pill button [PAY-244][PAY-245] Update tip modal header and extract pill button Jul 27, 2022
@sddioulde sddioulde force-pushed the sd-modal-icon-pill-button branch from 830f327 to a2db179 Compare July 28, 2022 18:37
@sddioulde sddioulde force-pushed the sd-modal-icon-pill-button branch from a2db179 to 8447c57 Compare July 28, 2022 19:02
@sddioulde sddioulde force-pushed the sd-modal-icon-pill-button branch from 8c3086b to 2a99164 Compare July 28, 2022 19:28
@sddioulde sddioulde merged commit 8525bde into main Jul 28, 2022
@sddioulde sddioulde deleted the sd-modal-icon-pill-button branch July 28, 2022 19:28
This was referenced Jul 28, 2022
audius-infra pushed a commit that referenced this pull request Jul 30, 2022
[293e8a4] [C-737] Update eslint and prettier setup (#1663) Kyle Shanks
[0ceab71] bump libs to 0.0.22 (#1662) nicoback2
[11855a2] Update artist popover profile picture skeleton to be round (#1660) Kyle Shanks
[4114a2d] Move services from web/common to @audius/common (#1633) nicoback2
[8d60d9f] Add rollup-plugin-dts and sync bn.js versions (#1658) Sebastian Klingler
[28ff1f5] Consume stems 1.1.14 in web (#1657) Saliou Diallo
[8525bde] [PAY-244][PAY-245] Update tip modal header and extract pill button (#1653) Saliou Diallo
[81a5524] Move types from `web/common` to `@audius/common` (#1618) nicoback2
[c75a5c3] Small update to the styling of user searchbar result skeletons (#1652) Kyle Shanks
[d3db729] fix oauth user ids - client side (#1557) nicoback2
[4f4eef2] [PAY-390] Improve tipping notification types (#1521) Dylan Jeffers
[21cc889] [C-721] Fix notifications not loading past 20 (#1648) Dylan Jeffers
[63e4bcb] [C-710] Update the skeletons for the UserCard and the search bar results (#1647) Kyle Shanks
[39b2ab5] [C-584] Add others link to web notifications (#1646) Dylan Jeffers
[41fc93e] [C-709] Fix native audio tier (#1645) Dylan Jeffers
[3ca632f] [C-708] Fix the table styles for sorted columns for dark mode and matrix mode (#1644) Kyle Shanks
@AudiusProject AudiusProject deleted a comment from linear bot Sep 11, 2023
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants