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

[C-4001] Add interacive paper variant #8059

Merged
merged 3 commits into from
Apr 9, 2024
Merged

Conversation

dylanjeffers
Copy link
Contributor

Description

Adds interactive paper variant when user provides onClick prop. This will form the basis for "card" and "tile"

Copy link

changeset-bot bot commented Apr 9, 2024

⚠️ No Changeset found

Latest commit: a3987da

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

@dylanjeffers dylanjeffers requested review from a team, sliptype and amendelsohn and removed request for a team and sliptype April 9, 2024 00:45
@audius-infra
Copy link
Collaborator

Preview this change https://demo.audius.co/dj-c-4001-interactive-paper

@pull-request-size pull-request-size bot added size/L and removed size/M labels Apr 9, 2024
@dylanjeffers dylanjeffers requested a review from dharit-tan April 9, 2024 01:28
@audius-infra
Copy link
Collaborator

Preview this change https://demo.audius.co/dj-c-4001-interactive-paper

Copy link
Contributor

@amendelsohn amendelsohn left a comment

Choose a reason for hiding this comment

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

Very nice. Love that we're building this stuff into the harmony components

Comment on lines 28 to 30
border: border && `1px solid ${color.border[border]}`,
borderRadius: cornerRadius[borderRadius],
backgroundColor: color.background[backgroundColor],
Copy link
Contributor

Choose a reason for hiding this comment

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

can we just pass these props through to Flex since they're not conditional on the hover?

Comment on lines 45 to 51
...(border && {
borderWidth: 1,
borderStyle: 'solid',
borderColor: color.border[border]
}),
borderRadius: cornerRadius[borderRadius]
borderRadius: cornerRadius[borderRadius],
backgroundColor: color.background[backgroundColor]
Copy link
Contributor

Choose a reason for hiding this comment

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

similarly, if these don't change on press, does it work to just use the Flex props?

Copy link
Contributor Author

Choose a reason for hiding this comment

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

oh 100% great call

@@ -56,6 +56,8 @@ export const shadows = {
flat: {
elevation: 0,
shadowRadius: 0,
shadowOpacity: 0,
Copy link
Contributor

Choose a reason for hiding this comment

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

this seems unrelated to other fixes in this PR?

Copy link
Contributor Author

@dylanjeffers dylanjeffers Apr 9, 2024

Choose a reason for hiding this comment

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

yeah it seems very random, but that is so the all the shadow types have the same object type, otherwise i would have had to do a lot of annoying checks in the component

@dylanjeffers dylanjeffers merged commit d99be37 into main Apr 9, 2024
4 checks passed
@dylanjeffers dylanjeffers deleted the dj-c-4001-interactive-paper branch April 9, 2024 18:25
audius-infra pushed a commit that referenced this pull request Apr 13, 2024
[52b1a94] [PAY-2689] Send tips via SDK (behind feature flag) (#8090) Marcus Pasell
[7876f25] require handle_lc in users query (#8102) alecsavvy
[0109139] [PAY-2687] E2E tests for premium album edits (#8082) JD Francis
[6f87d60] Fix missing isTrack dependency (lint change) (#8096) Reed
[f880ab6] ddex: limit publisher to 3 retries (#8062) Steve Perkins
[c50de43] Bump version to 0.6.80 audius-infra
[c632892] remove unused import (#8098) alecsavvy
[93c3292] [C-4268] Fix player sagas prev functionality for premium track previews (#8094) Kyle Shanks
[345d3df] Disable play e2e test (#8095) Sebastian Klingler
[4e85691] [PAY-2652] Album purchase/sale notifications (#8085) Reed
[ef4f367] [DVRL-25] - Using Wallet Connect on the Protocol Dashboard (#8089) Sam Gutentag
[49b7e5d] [C-4252] Update search screen navigation to clear search on mobile (#8092) Kyle Shanks
[caa5e1c] Unrevert fetch-nft (#8080) Sebastian Klingler
[e7c5053] PROTO-1711: acdc tip notification reactions (#8026) alecsavvy
[8be7e4a] Bump version to 0.6.79 audius-infra
[80751a8] [C-4226] Remove lossless toggle in upload flow and download section on track (#8083) Kyle Shanks
[b92bfa5] [PAY-2677] Retries for Discovery Solana Relay (#8087) Marcus Pasell
[61b37bc] [PAY-2684] Fix wrap on audio wallet actions (#8073) Raymond Jacobson
[a08118c] [PAY-2685] Render TrackAddedToPurchasedAlbumNotification on mobile (#8084) Andrew Mendelsohn
[626946d] [PAY-2585] Premium album edit feature (#8071) JD Francis
[d3768ff] Standardize ddex envs to work with audius-docker-compose better (#8078) Theo Ilie
[d2a8359] [PROTO-1754] Fix DDEX albums being editable, fields not persisting (#8077) Theo Ilie
[36f4460] [C-4260] Improve icon a11y (#8075) Dylan Jeffers
[6f1c583] Remove ComputeBudget from Withdrawals (#8081) Marcus Pasell
[24419fc] Reduce border on playlist tile track list (#8079) Andrew Mendelsohn
[e468bf9] [PAY-2668] Purchase/sale details modals album support (#8048) Reed
[b16bad3] First pass of claim all modal (#8072) Isaac Solo
[6d957ad] Use coinflow relay (#8076) Raymond Jacobson
[dd7c896] [PAY-2683] Render TrackAddedToPurchasedAlbum notification (web) (#8074) Andrew Mendelsohn
[c0f7df8] Bump version to 0.6.78 audius-infra
[1de3a7d] Productionize DDEX webserver (#8067) Theo Ilie
[d4b3437] [PAY-2682] Write new TrackAddedToPurchasedAlbum notification to table (#8065) Andrew Mendelsohn
[d02a510] increase solana RPC reselect freq (#8070) Michelle Brier
[339456a] [C-4257] Fix web-dist-win jobs (#8069) Sebastian Klingler
[5b1f635] [C-4258] Fix text input end adornment position (#8068) Kyle Shanks
[25fea8f] [PAY-2630] Album download toggle (#8020) JD Francis
[e964575] chore: Refactor useAccessAndRemixSettings & add unit test (#8049) JD Francis
[643cbba] [C-4256] Fix misaligned artist badge in premium content unlock section (#8066) Kyle Shanks
[d99be37] [C-4001] Add interacive paper variant (#8059) Dylan Jeffers
[6573b6e] [C-4251] Fix mobile collection tile details border (#8064) Kyle Shanks
[26511e4] [PAY-2667] Add nft improvements (#8025) Saliou Diallo
[1024e6e] [C-4253] Fix stats test line-height (#8063) Kyle Shanks
[573c3e1] [Protocol Dashboard] Implement Wallet Connect on Protocol Dashboard [C-3951] (#8010) nicoback2
[08c5def] [PAY-2343] Only dispatch audio matching challenges for valid purchases (#8061) Reed
[878fc5d] Bump version to 0.6.77 audius-infra
[6c9cb8f] [PAY-2579] Change tx handler logs back to warn (#8060) Reed
[75fc24a] [PROTO-1760] Ensure UPC and ISWC are persisted top-level (#8052) Theo Ilie
[c31d52f] Revert fetch-nft changes to unblock CI (#8057) Sebastian Klingler
[8b53199] Skip Mac staging desktop build (#8056) Marcus Pasell
[280850d] [DVRL-23] - DDEX documentation (#8018) Sam Gutentag
[6845e15] Fix failing E2E upload tests (#8055) Marcus Pasell
[f50f032] Notify author on CI success and failure of main branch (#8040) Marcus Pasell
[05d6096] [C-4243] Fix theming on first render (#8046) Dylan Jeffers
[1e0b795] Add `preview:stage` (#8054) Sebastian Klingler
[a508d2a] [PROTO-1752] Delete backfill_cid_data celery task (#8050) Danny
[853aebd] Use vite preview for playwright tests (#8045) Sebastian Klingler
[6e1cf8b] Bump version to 0.6.76 audius-infra
[61721ed] [PROTO-1753] Make ddex publisher+web work with refactored parser (#8038) Theo Ilie
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants