{
diff --git a/ui/pages/home/institutional/institutional-home-footer.js b/ui/pages/home/institutional/institutional-home-footer.js
new file mode 100644
index 000000000..46e9c07a9
--- /dev/null
+++ b/ui/pages/home/institutional/institutional-home-footer.js
@@ -0,0 +1,59 @@
+import React, { useContext } from 'react';
+import PropTypes from 'prop-types';
+import { SUPPORT_LINK } from '../../../../shared/lib/ui-utils';
+import { useI18nContext } from '../../../hooks/useI18nContext';
+import {
+ MetaMetricsContextProp,
+ MetaMetricsEventCategory,
+ MetaMetricsEventName,
+} from '../../../../shared/constants/metametrics';
+import { MetaMetricsContext } from '../../../contexts/metametrics';
+import { ButtonLink, IconName } from '../../../components/component-library';
+import { Display, Size } from '../../../helpers/constants/design-system';
+
+const InstitutionalHomeFooter = ({ activitySupportDisplayStyle }) => {
+ const t = useI18nContext();
+ const trackEvent = useContext(MetaMetricsContext);
+
+ return (
+
{
+ trackEvent(
+ {
+ category: MetaMetricsEventCategory.Home,
+ event: MetaMetricsEventName.SupportLinkClicked,
+ properties: {
+ url: SUPPORT_LINK,
+ },
+ },
+ {
+ contextPropsIntoEventProperties: [MetaMetricsContextProp.PageTitle],
+ },
+ );
+ }}
+ externalLink
+ >
+ {`${t('appNameMmi')} ${t('support').toLowerCase()}`}
+
+ );
+};
+
+InstitutionalHomeFooter.propTypes = {
+ activitySupportDisplayStyle: PropTypes.shape({
+ justifyContent: PropTypes.string.isRequired,
+ paddingLeft: PropTypes.string,
+ marginBottom: PropTypes.string,
+ marginTop: PropTypes.string,
+ }).isRequired,
+};
+
+export default InstitutionalHomeFooter;
diff --git a/ui/pages/institutional/institutional-entity-done-page/institutional-entity-done-page.js b/ui/pages/institutional/institutional-entity-done-page/institutional-entity-done-page.js
index 07fdf345b..a7c134e91 100644
--- a/ui/pages/institutional/institutional-entity-done-page/institutional-entity-done-page.js
+++ b/ui/pages/institutional/institutional-entity-done-page/institutional-entity-done-page.js
@@ -50,16 +50,17 @@ export default function InstitutionalEntityDonePage(props) {
marginTop={4}
marginBottom={4}
color={TextColor.textDefault}
+ textAlign={TextAlign.Left}
>
{state.title}
{state.description}
diff --git a/ui/pages/unlock-page/unlock-page.component.js b/ui/pages/unlock-page/unlock-page.component.js
index 6410d2674..df1121016 100644
--- a/ui/pages/unlock-page/unlock-page.component.js
+++ b/ui/pages/unlock-page/unlock-page.component.js
@@ -155,6 +155,12 @@ export default class UnlockPage extends Component {
const { t } = this.context;
const { onRestore } = this.props;
+ let needHelpText = t('appNameMmi');
+
+ ///: BEGIN:ONLY_INCLUDE_IN(build-main,build-beta,build-flask)
+ needHelpText = t('needHelpLinkText');
+ ///: END:ONLY_INCLUDE_IN
+
return (
@@ -222,7 +228,7 @@ export default class UnlockPage extends Component {
);
}}
>
- {t('needHelpLinkText')}
+ {needHelpText}
,
])}