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

feat: MainPage container #360

Merged
merged 7 commits into from
May 17, 2024
Merged

feat: MainPage container #360

merged 7 commits into from
May 17, 2024

Conversation

braianj
Copy link
Contributor

@braianj braianj commented May 17, 2024

Screenshot 2024-05-17 at 2 51 40 PM Screenshot 2024-05-17 at 2 51 48 PM Screenshot 2024-05-17 at 2 52 26 PM Screenshot 2024-05-17 at 2 58 54 PM

src/components/ConfirmPage/ConfirmPage.tsx Outdated Show resolved Hide resolved

export type MapStateProps = Pick<Props, 'isLoading'>
export type MapDispatchProps = Pick<Props, 'onValidateSubscriptionEmailRequest'>
export type MapDispatch = Dispatch
Copy link
Contributor

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

src/components/MainPage/MainPage.container.ts Outdated Show resolved Hide resolved
position: 'relative'
})

export const Box = styled(BoxMui)({
Copy link
Contributor

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

Copy link
Contributor Author

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}`}>
Copy link
Contributor

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)')
Copy link
Contributor

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

Copy link
Contributor Author

Choose a reason for hiding this comment

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

yes, we should

src/components/Routes/Routes.tsx Outdated Show resolved Hide resolved
src/components/Routes/Routes.tsx Outdated Show resolved Hide resolved
src/components/Routes/Routes.tsx Outdated Show resolved Hide resolved

export type MapStateProps = Pick<Props, 'isLoading'>
export type MapDispatchProps = {}
export type MapDispatch = Dispatch
Copy link
Contributor

Choose a reason for hiding this comment

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

Suggested change
export type MapDispatch = Dispatch
export type MapDispatch = Dispatch<GetSubscriptionsRequestAction>

@braianj braianj merged commit 49c94a3 into master May 17, 2024
6 checks passed
@braianj braianj deleted the feat/main-page-component branch May 17, 2024 21:44
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
Status: Done
Development

Successfully merging this pull request may close these issues.

None yet

3 participants