diff --git a/packages/design-system/src/components/landingPage/index.tsx b/packages/design-system/src/components/landingPage/index.tsx index 6a76a646e..688012c16 100644 --- a/packages/design-system/src/components/landingPage/index.tsx +++ b/packages/design-system/src/components/landingPage/index.tsx @@ -25,6 +25,7 @@ import classNames from 'classnames'; */ import { ArrowUp } from '../../icons'; import ProgressBar from '../progressBar'; +import SupportLink from './supportLink'; import QuickLinksList from './quickLinksList'; import { PSInfoKeyType } from './infoCard/fetchPSInfo'; import InfoCard from './infoCard'; @@ -40,6 +41,7 @@ interface LandingPageProps { iframeBorderClass?: string; extraClasses?: string; showQuickLinks?: boolean; + showSupportLink?: boolean; } const LandingPage = ({ @@ -51,6 +53,7 @@ const LandingPage = ({ extraClasses, contentPanel, showQuickLinks = true, + showSupportLink = false, }: LandingPageProps) => { const [loading, setLoading] = useState(iframeSrc ? true : false); const [open, setOpen] = useState(true); @@ -67,19 +70,24 @@ const LandingPage = ({ 'divide-y divide-hex-gray dark:divide-quartz' )} > -
- - +
+
+ + +
+
+ {showSupportLink && } +
{ + return ( + + + + + Support Forum + + + + + ); +}; + +export default SupportLink; diff --git a/packages/design-system/src/icons/external-link-black.svg b/packages/design-system/src/icons/external-link-black.svg index 43209f757..7a598935d 100644 --- a/packages/design-system/src/icons/external-link-black.svg +++ b/packages/design-system/src/icons/external-link-black.svg @@ -1 +1,3 @@ - \ No newline at end of file + + + \ No newline at end of file diff --git a/packages/design-system/src/icons/index.tsx b/packages/design-system/src/icons/index.tsx index 38fa4ebb9..ed2d135e6 100644 --- a/packages/design-system/src/icons/index.tsx +++ b/packages/design-system/src/icons/index.tsx @@ -86,3 +86,4 @@ export { default as ExternalLinkIcon } from './external-link.svg'; export { default as DoubleArrowIcon } from './double-arrow-icon.svg'; export { default as Settings } from './settings.svg'; export { default as MenuOpenIcon } from './menu-open-icon.svg'; +export { default as SupportIcon } from './support.svg'; diff --git a/packages/design-system/src/icons/support.svg b/packages/design-system/src/icons/support.svg new file mode 100644 index 000000000..54f2c7bbc --- /dev/null +++ b/packages/design-system/src/icons/support.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/packages/extension/src/view/devtools/components/dashboard/index.tsx b/packages/extension/src/view/devtools/components/dashboard/index.tsx index 17ac6819c..84348eadd 100644 --- a/packages/extension/src/view/devtools/components/dashboard/index.tsx +++ b/packages/extension/src/view/devtools/components/dashboard/index.tsx @@ -28,6 +28,7 @@ const Dashboard = () => { return ( } showQuickLinks={false} /> diff --git a/packages/extension/src/view/devtools/components/privacySandbox/index.tsx b/packages/extension/src/view/devtools/components/privacySandbox/index.tsx index dbbe4f405..1034de33d 100644 --- a/packages/extension/src/view/devtools/components/privacySandbox/index.tsx +++ b/packages/extension/src/view/devtools/components/privacySandbox/index.tsx @@ -34,7 +34,11 @@ const PrivacySandbox = () => { }, []); return ( - } /> + } + /> ); };