m/metamask-extension
1
0
Fork 0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-11-22 09:57:02 +01:00
Code

Fix #19882 - MetaMask support link alignment v2 (#20354)

Browse Source 
* Fix support link alignment

* Fix lint issues

* Fix workflows

---------

Co-authored-by: Nidhi Kumari <nidhi.kumari@consensys.net>
Co-authored-by: David Walsh <davidwalsh83@gmail.com>
This commit is contained in:
Dominik Rudzki 2023-08-04 20:26:50 +02:00 committed by GitHub
parent 798a9b0e60
commit 29ad914dc9
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 84 additions and 47 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

129
ui/pages/home/home.component.js
View File

@ -378,6 +378,23 @@ export default class Home extends PureComponent {
});
};
///: BEGIN:ONLY_INCLUDE_IN(build-main)
onSupportLinkClick = () => {
this.context.trackEvent(
{
category: MetaMetricsEventCategory.Home,
event: MetaMetricsEventName.SupportLinkClicked,
properties: {
url: SUPPORT_LINK,
},
},
{
contextPropsIntoEventProperties: [MetaMetricsContextProp.PageTitle],
},
);
};
///: END:ONLY_INCLUDE_IN
onOutdatedBrowserWarningClose = () => {
const { setOutdatedBrowserWarningLastShown } = this.props;
setOutdatedBrowserWarningLastShown(new Date().getTime());
@ -778,7 +795,7 @@ export default class Home extends PureComponent {
completedOnboarding && !onboardedInThisUISession && showTermsOfUsePopup;
///: END:ONLY_INCLUDE_IN
///: BEGIN:ONLY_INCLUDE_IN(build-main,build-mmi)
///: BEGIN:ONLY_INCLUDE_IN(build-mmi)
// The style in activity screen for support is different
const activitySupportDisplayStyle =
defaultHomeActiveTabName === 'activity'
@ -884,31 +901,6 @@ export default class Home extends PureComponent {
history.push(`${ASSET_ROUTE}/${asset}`)
}
/>
</Box>
</Tab>
{
///: BEGIN:ONLY_INCLUDE_IN(build-main,build-beta,build-flask)
<Tab
activeClassName="home__tab--active"
className="home__tab"
data-testid="home__nfts-tab"
name={this.context.t('nfts')}
tabKey="nfts"
>
<NftsTab />
</Tab>
///: END:ONLY_INCLUDE_IN
}
<Tab
activeClassName="home__tab--active"
className="home__tab"
data-testid="home__activity-tab"
name={t('activity')}
tabKey="activity"
>
<TransactionList />
</Tab>
</Tabs>
{
///: BEGIN:ONLY_INCLUDE_IN(build-main)
<ButtonLink
@ -917,32 +909,77 @@ export default class Home extends PureComponent {
data-testid="need-help-link"
href={SUPPORT_LINK}
display={Display.Flex}
justifyContent={activitySupportDisplayStyle.justifyContent}
paddingLeft={activitySupportDisplayStyle.paddingLeft}
marginBottom={activitySupportDisplayStyle.marginBottom}
marginTop={activitySupportDisplayStyle.marginTop}
onClick={() => {
this.context.trackEvent(
{
category: MetaMetricsEventCategory.Home,
event: MetaMetricsEventName.SupportLinkClicked,
properties: {
url: SUPPORT_LINK,
},
},
{
contextPropsIntoEventProperties: [
MetaMetricsContextProp.PageTitle,
],
},
);
}}
justifyContent={JustifyContent.flexStart}
paddingLeft={4}
marginBottom={4}
onClick={this.onSupportLinkClick}
externalLink
>
{t('needHelpLinkText')}
</ButtonLink>
///: END:ONLY_INCLUDE_IN
}
</Box>
</Tab>
<Tab
activeClassName="home__tab--active"
className="home__tab"
data-testid="home__nfts-tab"
name={this.context.t('nfts')}
tabKey="nfts"
>
{
///: BEGIN:ONLY_INCLUDE_IN(build-main,build-beta,build-flask)
<NftsTab />
///: END:ONLY_INCLUDE_IN
}
{
///: BEGIN:ONLY_INCLUDE_IN(build-main)
<ButtonLink
size={Size.MD}
startIconName={IconName.MessageQuestion}
data-testid="need-help-link"
href={SUPPORT_LINK}
display={Display.Flex}
justifyContent={JustifyContent.flexStart}
paddingLeft={4}
marginBottom={4}
onClick={this.onSupportLinkClick}
externalLink
>
{t('needHelpLinkText')}
</ButtonLink>
///: END:ONLY_INCLUDE_IN
}
</Tab>
<Tab
activeClassName="home__tab--active"
className="home__tab"
data-testid="home__activity-tab"
name={t('activity')}
tabKey="activity"
>
<TransactionList />
{
///: BEGIN:ONLY_INCLUDE_IN(build-main)
<ButtonLink
size={Size.MD}
startIconName={IconName.MessageQuestion}
data-testid="need-help-link"
href={SUPPORT_LINK}
display={Display.Flex}
justifyContent={JustifyContent.center}
marginBottom={4}
marginTop={4}
onClick={this.onSupportLinkClick}
externalLink
>
{t('needHelpLinkText')}
</ButtonLink>
///: END:ONLY_INCLUDE_IN
}
</Tab>
</Tabs>
{
///: BEGIN:ONLY_INCLUDE_IN(build-mmi)
<InstitutionalHomeFooter