-
Notifications
You must be signed in to change notification settings - Fork 8
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
feat: MainPage container #360
Conversation
braianj
commented
May 17, 2024
•
edited
Loading
edited
![Screenshot 2024-05-17 at 2 51 40 PM](https://private-user-images.githubusercontent.com/6572776/331691293-7a7ac6d1-0604-45fb-83e1-bd7485261445.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjIzNTE0NDksIm5iZiI6MTcyMjM1MTE0OSwicGF0aCI6Ii82NTcyNzc2LzMzMTY5MTI5My03YTdhYzZkMS0wNjA0LTQ1ZmItODNlMS1iZDc0ODUyNjE0NDUucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI0MDczMCUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNDA3MzBUMTQ1MjI5WiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9MjM5MDVhYjljYTAwMDUyM2I0NGNhODM2OGIxNGVjMTcxMzliMTU0YmVmZmRhNmI5ODEzMTAzYzFiNmM3NzlkYiZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmYWN0b3JfaWQ9MCZrZXlfaWQ9MCZyZXBvX2lkPTAifQ.JPG5vMls8bEFnlrID7IcwVT9o3YNNH8EAQDgDPGHrPQ)
![Screenshot 2024-05-17 at 2 51 48 PM](https://private-user-images.githubusercontent.com/6572776/331691307-6fd2aeb0-4fbc-4845-9d26-7d983528fee3.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjIzNTE0NDksIm5iZiI6MTcyMjM1MTE0OSwicGF0aCI6Ii82NTcyNzc2LzMzMTY5MTMwNy02ZmQyYWViMC00ZmJjLTQ4NDUtOWQyNi03ZDk4MzUyOGZlZTMucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI0MDczMCUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNDA3MzBUMTQ1MjI5WiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9NjNjYTA2MTRhMmY4NzgzYjk2ODFhZmM4NjcxZjJjZTdhZjY2MDhiYmEyZTBmOGM2ZmNlOTMwNDAxYjkzOTdhNSZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmYWN0b3JfaWQ9MCZrZXlfaWQ9MCZyZXBvX2lkPTAifQ.-rAgxcW_t282xDeHqnnEfmew2fu3qtzIiQ8xNjJQ4Hs)
![Screenshot 2024-05-17 at 2 52 26 PM](https://private-user-images.githubusercontent.com/6572776/331691311-9c0e4b82-bbde-4cf3-9f12-2391fa34f912.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjIzNTE0NDksIm5iZiI6MTcyMjM1MTE0OSwicGF0aCI6Ii82NTcyNzc2LzMzMTY5MTMxMS05YzBlNGI4Mi1iYmRlLTRjZjMtOWYxMi0yMzkxZmEzNGY5MTIucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI0MDczMCUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNDA3MzBUMTQ1MjI5WiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9NDMxZmQ1YjE2ZjYxODAwMzJhYmQ3YTBhMzk4YzlmZGFmZDRmN2M5YjNmODI4MWYwOTljNWYwMDVlM2QwYzEyNyZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmYWN0b3JfaWQ9MCZrZXlfaWQ9MCZyZXBvX2lkPTAifQ.QgwOB9rY14xKKNVo-qk1xgzfQbToLTPbgUkeA3_QLog)
![Screenshot 2024-05-17 at 2 58 54 PM](https://private-user-images.githubusercontent.com/6572776/331691322-90eb6fba-90aa-4966-b2cd-02c66ad9ed3b.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjIzNTE0NDksIm5iZiI6MTcyMjM1MTE0OSwicGF0aCI6Ii82NTcyNzc2LzMzMTY5MTMyMi05MGViNmZiYS05MGFhLTQ5NjYtYjJjZC0wMmM2NmFkOWVkM2IucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI0MDczMCUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNDA3MzBUMTQ1MjI5WiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9ZmNiNGEyYTBlYzc2ODk1Mzk3ODRiMTAxMGQwNGQwNGFiMGEyYTE3ODRmMjM4NGY1NjgxMzRhNWEwM2Q0OWIxZiZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmYWN0b3JfaWQ9MCZrZXlfaWQ9MCZyZXBvX2lkPTAifQ.CQS4F2GPMDLV9MpOqrGEyv4wTeRmeY18l7-l64xdWbg)
|
||
export type MapStateProps = Pick<Props, 'isLoading'> | ||
export type MapDispatchProps = Pick<Props, 'onValidateSubscriptionEmailRequest'> | ||
export type MapDispatch = Dispatch |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
maybe you can use Dispatch directly or add action types here
position: 'relative' | ||
}) | ||
|
||
export const Box = styled(BoxMui)({ |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
i see that this is repeated in the confirmationPage is there a way to reuse it
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
when the UI2 is ready, we will no longer need the customization
const { children, value, index } = props | ||
|
||
return ( | ||
<TabPanelContainer role="tabpanel" hidden={value !== index} id={`vertical-tabpanel-${index}`} aria-labelledby={`vertical-tab-${index}`}> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
is this in the ui component vertical-tab-${index}
?
@@ -14,7 +15,7 @@ export const NOTIFICATION_DESCRIPTION_TEST_ID = 'notification-description-test-i | |||
|
|||
export default function Notifications(props: Props) { | |||
const { onGetSubscription } = props | |||
|
|||
const isTabletOrBelow = useMediaQuery('(max-width:991px)') |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
maybe in the future we can add this in decentraland-ui so we don't have to repeat the max-width everywhere
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
yes, we should
|
||
export type MapStateProps = Pick<Props, 'isLoading'> | ||
export type MapDispatchProps = {} | ||
export type MapDispatch = Dispatch |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
export type MapDispatch = Dispatch | |
export type MapDispatch = Dispatch<GetSubscriptionsRequestAction> |