diff --git a/src/shared/assets/icons/cookies.svg b/src/shared/assets/icons/cookies.svg new file mode 100644 index 000000000..c6f3e5faf --- /dev/null +++ b/src/shared/assets/icons/cookies.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/src/shared/assets/icons/s/new-tab.svg b/src/shared/assets/icons/s/new-tab.svg new file mode 100644 index 000000000..0f1c69799 --- /dev/null +++ b/src/shared/assets/icons/s/new-tab.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/src/shared/components/Button.tsx b/src/shared/components/Button.tsx index 579220662..5b090897c 100644 --- a/src/shared/components/Button.tsx +++ b/src/shared/components/Button.tsx @@ -1,4 +1,4 @@ -import React, { ReactNode } from "react" +import React, { CSSProperties, ReactNode } from "react" import classnames from "classnames" type ButtonProps = { @@ -21,6 +21,7 @@ type ButtonProps = { iconSrc?: string onClick?: (event: React.MouseEvent) => void onMouseDown?: (event: React.MouseEvent) => void + style?: CSSProperties } export default function Button({ @@ -34,6 +35,7 @@ export default function Button({ iconSrc, onClick, onMouseDown, + style, }: ButtonProps) { return ( <> @@ -54,6 +56,7 @@ export default function Button({ disabled: isDisabled, inactive: isInactive, })} + style={style} > {children} {iconSrc && ( diff --git a/src/shared/components/DApps/DesktopDApp.tsx b/src/shared/components/DApps/DesktopDApp.tsx index 581c233e0..59f619d11 100644 --- a/src/shared/components/DApps/DesktopDApp.tsx +++ b/src/shared/components/DApps/DesktopDApp.tsx @@ -34,6 +34,7 @@ import LiquidityPool from "ui/LiquidityPool" import Footer from "ui/Footer" // eslint-disable-next-line import/no-extraneous-dependencies import { usePostHog } from "posthog-js/react" +import PrivacyPolicy from "../PrivacyPolicy" function TrackEvents({ children }: { children: ReactNode[] }) { const location = useLocation() @@ -65,30 +66,33 @@ export default function DesktopDApp() { return ( - {(!walletOnboarded || !isConnected) && } - {walletOnboarded && isConnected && ( - - - - - {islandMode === "default" &&