diff --git a/packages/pancake-uikit/src/components/Svg/Icons/HighIcon.tsx b/packages/pancake-uikit/src/components/Svg/Icons/HighIcon.tsx new file mode 100644 index 0000000..e27a2f7 --- /dev/null +++ b/packages/pancake-uikit/src/components/Svg/Icons/HighIcon.tsx @@ -0,0 +1,5899 @@ +import React from "react"; +import Svg from "../Svg"; +import { SvgProps } from "../types"; + +const Icon: React.FC = (props) => { + return ( + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + ); +}; + +export default Icon; + +{ + /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +; */ +} diff --git a/packages/pancake-uikit/src/components/Svg/index.tsx b/packages/pancake-uikit/src/components/Svg/index.tsx index 9e6cb55..7025190 100644 --- a/packages/pancake-uikit/src/components/Svg/index.tsx +++ b/packages/pancake-uikit/src/components/Svg/index.tsx @@ -30,6 +30,7 @@ export { default as CrownIcon } from "./Icons/Crown"; export { default as ErrorIcon } from "./Icons/Error"; export { default as HelpIcon } from "./Icons/Help"; export { default as More } from "./Icons/More"; +export { default as HighIcon } from "./Icons/HighIcon"; export { default as HistoryIcon } from "./Icons/History"; export { default as InfoIcon } from "./Icons/Info"; export { default as LanguageIcon } from "./Icons/Language"; diff --git a/packages/pancake-uikit/src/widgets/Menu/components/InviteModal.tsx b/packages/pancake-uikit/src/widgets/Menu/components/InviteModal.tsx index a3f1359..c1334e8 100644 --- a/packages/pancake-uikit/src/widgets/Menu/components/InviteModal.tsx +++ b/packages/pancake-uikit/src/widgets/Menu/components/InviteModal.tsx @@ -5,11 +5,12 @@ import { CopyToClipboard } from "../../WalletModal"; interface Props { inviteUrl: string; + title: string; onDismiss?: () => void; } -const InviteModal: React.FC = ({ inviteUrl, onDismiss }) => ( - +const InviteModal: React.FC = ({ inviteUrl, title, onDismiss }) => ( + {inviteUrl} diff --git a/packages/pancake-uikit/src/widgets/Menu/components/Logo.tsx b/packages/pancake-uikit/src/widgets/Menu/components/Logo.tsx index 7fbbfce..5e2a511 100644 --- a/packages/pancake-uikit/src/widgets/Menu/components/Logo.tsx +++ b/packages/pancake-uikit/src/widgets/Menu/components/Logo.tsx @@ -2,7 +2,9 @@ import React from "react"; import styled, { keyframes } from "styled-components"; import { Link } from "react-router-dom"; import { LogoIcon } from "../../../components/Svg"; +import HighIcon from "../../../components/Svg/Icons/HighIcon"; import Flex from "../../../components/Box/Flex"; +import Text from "../../../components/Text/Text"; import { HamburgerIcon, HamburgerCloseIcon, LogoIcon as LogoWithText } from "../icons"; import MenuButton from "./MenuButton"; @@ -27,6 +29,15 @@ const StyledLink = styled(Link)` display: none; } } + .mobile-Text { + margin-left: 10px; + color: #000000; + font-size: 18px; + display: none; + ${({ theme }) => theme.mediaQueries.md} { + display: block; + } + } .desktop-icon { width: 160px; display: none; @@ -52,8 +63,10 @@ const Logo: React.FC = ({ isPushed, togglePush, isDark, href }) => { const isAbsoluteUrl = href.startsWith("http"); const innerLogo = ( <> - - + {/* */} + {/* */} + + High City Swap ); diff --git a/packages/pancake-uikit/src/widgets/Menu/components/PanelFooter.tsx b/packages/pancake-uikit/src/widgets/Menu/components/PanelFooter.tsx index d43c0d9..fc6ddf1 100644 --- a/packages/pancake-uikit/src/widgets/Menu/components/PanelFooter.tsx +++ b/packages/pancake-uikit/src/widgets/Menu/components/PanelFooter.tsx @@ -211,7 +211,7 @@ const PanelFooter: React.FC = ({ - + {/* */} diff --git a/packages/pancake-uikit/src/widgets/Menu/components/UserBlock.tsx b/packages/pancake-uikit/src/widgets/Menu/components/UserBlock.tsx index b336f71..8e599f9 100644 --- a/packages/pancake-uikit/src/widgets/Menu/components/UserBlock.tsx +++ b/packages/pancake-uikit/src/widgets/Menu/components/UserBlock.tsx @@ -16,7 +16,7 @@ interface Props { const UserBlock: React.FC = ({ account, login, logout, inviteUrl }) => { const { t } = useContext(ConfigContext); const { onPresentConnectModal, onPresentAccountModal } = useWalletModal(login, logout, account); - const [onPresentInviteModal] = useModal(); + const [onPresentInviteModal] = useModal(); const accountEllipsis = account ? `${account.substring(0, 4)}...${account.substring(account.length - 4)}` : null; return (
diff --git a/packages/pancake-uikit/src/widgets/WalletModal/AccountModal.tsx b/packages/pancake-uikit/src/widgets/WalletModal/AccountModal.tsx index d7551c4..de200de 100644 --- a/packages/pancake-uikit/src/widgets/WalletModal/AccountModal.tsx +++ b/packages/pancake-uikit/src/widgets/WalletModal/AccountModal.tsx @@ -1,4 +1,4 @@ -import React from "react"; +import React, { useContext } from "react"; import Button from "../../components/Button/Button"; import Text from "../../components/Text/Text"; import LinkExternal from "../../components/Link/LinkExternal"; @@ -6,6 +6,7 @@ import Flex from "../../components/Box/Flex"; import { Modal } from "../Modal"; import CopyToClipboard from "./CopyToClipboard"; import { connectorLocalStorageKey } from "./config"; +import { ConfigContext } from "../../components/ConfigProvider/context"; interface Props { account: string; @@ -13,35 +14,39 @@ interface Props { onDismiss?: () => void; } -const AccountModal: React.FC = ({ account, logout, onDismiss = () => null }) => ( - - - {account} - - - - View on BscScan - - Copy Address - - - - - -); + {account} + + + + Etherscan + + {t("Copy the address")} + + + + + + ); +}; export default AccountModal; diff --git a/packages/pancake-uikit/src/widgets/WalletModal/ConnectModal.tsx b/packages/pancake-uikit/src/widgets/WalletModal/ConnectModal.tsx index 7569c88..47c8d32 100644 --- a/packages/pancake-uikit/src/widgets/WalletModal/ConnectModal.tsx +++ b/packages/pancake-uikit/src/widgets/WalletModal/ConnectModal.tsx @@ -1,4 +1,5 @@ -import React from "react"; +import React, { useContext } from "react"; +import { ConfigContext } from "../../components/ConfigProvider/context"; import styled from "styled-components"; import { Link } from "../../components/Link"; import { HelpIcon } from "../../components/Svg"; @@ -19,22 +20,25 @@ const HelpLink = styled(Link)` margin-top: 24px; `; -const ConnectModal: React.FC = ({ login, onDismiss = () => null }) => ( - - {config.map((entry, index) => ( - - ))} - - - Learn how to connect - - -); +const ConnectModal: React.FC = ({ login, onDismiss = () => null }) => { + const { t } = useContext(ConfigContext); + return ( + + {config.map((entry, index) => ( + + ))} + + + {t("How to use")} + + + ); +}; export default ConnectModal;