diff --git a/components/brave_new_tab_ui/components/default/footer/footer.tsx b/components/brave_new_tab_ui/components/default/footer/footer.tsx
index f351298d2a6c..a0fabf30d222 100644
--- a/components/brave_new_tab_ui/components/default/footer/footer.tsx
+++ b/components/brave_new_tab_ui/components/default/footer/footer.tsx
@@ -32,21 +32,39 @@ import { getLocale } from '../../../../common/locale'
interface Props {
textDirection: string
- togetherPrmoptDismissed: boolean
+ supportsTogether: boolean
+ togetherPromptDismissed: boolean
backgroundImageInfo: any
showPhotoInfo: boolean
onClickSettings: () => any
onDismissTogetherPrompt: () => any
}
+function TogetherItem (props: Props) {
+ if (!props.togetherPromptDismissed) {
+ return (
+
+
+
+
+
+ )
+ }
+
+ return (
+
+
+
+ )
+}
+
export default class FooterInfo extends React.PureComponent {
render () {
const {
textDirection,
- togetherPrmoptDismissed,
+ supportsTogether,
backgroundImageInfo,
showPhotoInfo,
- onDismissTogetherPrompt,
onClickSettings
} = this.props
@@ -84,15 +102,8 @@ export default class FooterInfo extends React.PureComponent {
- { !togetherPrmoptDismissed
- ?
-
-
-
-
- :
-
-
+ {supportsTogether &&
+
}
diff --git a/components/brave_new_tab_ui/containers/newTab/index.tsx b/components/brave_new_tab_ui/containers/newTab/index.tsx
index 6bfebdb846b4..dc5af93dfbde 100644
--- a/components/brave_new_tab_ui/containers/newTab/index.tsx
+++ b/components/brave_new_tab_ui/containers/newTab/index.tsx
@@ -1084,7 +1084,8 @@ class NewTabPage extends React.Component {
}