Update - modify UI

package.json

@@ -33,13 +33,13 @@
     "@web3-react/walletconnect-connector": "^6.1.1",
     "@web3-react/walletlink-connector": "^6.0.9",
     "ajv": "^6.12.3",
-    "antd": "^4.5.0",
+    "antd": "^4.5.0", 
     "axios": "^0.21.1",
     "bignumber.js": "^9.0.1",
     "cids": "^1.0.0",
     "copy-to-clipboard": "^3.2.0",
+    "doeswap-libs-uikit": "^0.0.1",
     "ethers": "^5.0.7",
-    "horaswap-libs-uikit": "^0.0.4",
     "i18next": "^15.0.9",
     "i18next-browser-languagedetector": "^3.0.1",
     "i18next-xhr-backend": "^2.0.1",

public/index.html

@@ -27,24 +27,24 @@
     <meta property="og:image:width" content="1200" />
     <meta property="og:image:height" content="630" />
     <meta property="og:image" content="%PUBLIC_URL%/graph.png?v=1.1" />
-    <meta property="og:image:alt" content="HoraSwap" />
-    <meta property="og:url" content="http://HoraSwap.io" />
+    <meta property="og:image:alt" content="Doeswap" />
+    <!-- <meta property="og:url" content="http://Doeswap.io" /> -->
 
-    <meta property="og:site_name" content="HoraSwap" />
-    <meta property="og:title" content="HoraSwap - A next evolution DeFi exchange on Binance Smart Chan (BSC)" />
-    <meta property="og:description" content="Farm the native coin of HoraSwap with HoraSwap FLP Token" />
+    <meta property="og:site_name" content="Doeswap" />
+    <meta property="og:title" content="Doeswap - A next evolution DeFi exchange on Binance Smart Chan (BSC)" />
+    <meta property="og:description" content="Farm the native coin of Doeswap with Doeswap FLP Token" />
 
     <!-- Twitter -->
     <meta name="twitter:image:src" content="%PUBLIC_URL%/favicon.ico?v=1" />
-    <meta name="twitter:site" content="@HoraSwap" />
+    <meta name="twitter:site" content="@Doeswap" />
     <meta name="twitter:card" content="summary" />
-    <meta name="twitter:title" content="HoraSwap - A next evolution DeFi exchange on Binance Smart Chan (BSC)" />
-    <meta name="twitter:description" content="Farm the native coin of HoraSwap with HoraSwap FLP Token" />
+    <meta name="twitter:title" content="Doeswap - A next evolution DeFi exchange on Binance Smart Chan (BSC)" />
+    <meta name="twitter:description" content="Farm the native coin of Doeswap with Doeswap FLP Token" />
 
     <!-- Title -->
-    <title>Hora Swap</title>
-    <meta name="keywords" content="HoraSwap" />
-    <meta name="description" content="Stake them with HoraSwap, the best decentralized exchange on Binance Smart Chain." />
+    <title>Doeswap</title>
+    <meta name="keywords" content="Doeswap" />
+    <meta name="description" content="Stake them with Doeswap, the best decentralized exchange on Binance Smart Chain." />
 
     <!-- GTAG -->
     <script>

public/manifest.json

@@ -1,6 +1,6 @@
 {
-  "short_name": "HoraSwap",
-  "name": "HoraSwap",
+  "short_name": "Doeswap",
+  "name": "Doeswap",
   "icons": [
     {
       "src": "./images/192x192_App_Icon.png",

src/Providers.tsx

@@ -1,7 +1,7 @@
 import React from 'react'
 import { createWeb3ReactRoot, Web3ReactProvider } from '@web3-react/core'
 import { Provider } from 'react-redux'
-import { ModalProvider } from 'horaswap-libs-uikit'
+import { ModalProvider } from "doeswap-libs-uikit"
 import { NetworkContextName } from './constants'
 import store from './state'
 import getLibrary from './utils/getLibrary'

src/ThemeContext.tsx

@@ -1,6 +1,6 @@
 import React, { useState } from 'react'
 import { ThemeProvider as SCThemeProvider } from 'styled-components'
-import { light, dark } from 'horaswap-libs-uikit'
+import { light, dark } from "doeswap-libs-uikit"
 
 // const CACHE_KEY = 'IS_DARK'
 

src/components/AddressInputPanel/index.tsx

@@ -1,6 +1,6 @@
 import React, { useCallback } from 'react'
 import styled from 'styled-components'
-import { Text } from 'horaswap-libs-uikit'
+import { Text } from "doeswap-libs-uikit"
 import useI18n from 'hooks/useI18n'
 import useENS from '../../hooks/useENS'
 import { useActiveWeb3React } from '../../hooks'

src/components/CardNav/index.tsx

@@ -1,7 +1,7 @@
 import React from 'react'
 import styled from 'styled-components'
 import { Link } from 'react-router-dom'
-import { ButtonMenu, ButtonMenuItem } from 'horaswap-libs-uikit'
+import { ButtonMenu, ButtonMenuItem } from "doeswap-libs-uikit"
 import useI18n from 'hooks/useI18n'
 
 interface Props {

src/components/ConnectWalletButton/index.tsx

@@ -1,5 +1,5 @@
 import React from 'react'
-import { Button, ButtonProps, useWalletModal } from 'horaswap-libs-uikit'
+import { Button, ButtonProps, useWalletModal } from "doeswap-libs-uikit"
 import useI18n from 'hooks/useI18n'
 import useAuth from 'hooks/useAuth'
 

src/components/CoppyItem/CopyToClipboardInput.tsx

@@ -1,6 +1,6 @@
 import React, { useState } from 'react'
 import styled from 'styled-components'
-import { Text, CopyIcon } from 'horaswap-libs-uikit'
+import { Text, CopyIcon } from "doeswap-libs-uikit"
 
 interface Props {
   title: string

src/components/CoppyItem/CopyToClipboardText.tsx

@@ -1,6 +1,6 @@
 import React, { useState } from 'react'
 import styled from 'styled-components'
-import { Text, CopyIcon } from 'horaswap-libs-uikit'
+import { Text, CopyIcon } from "doeswap-libs-uikit"
 
 interface Props {
   toCopy: string

src/components/CurrencyInputPanel/index.tsx

@@ -1,6 +1,6 @@
 import React, { useState, useCallback } from 'react'
 import { Currency, Pair } from '@pancakeswap/sdk'
-import { Button, Text } from 'horaswap-libs-uikit'
+import { Button, Text } from "doeswap-libs-uikit"
 import styled from 'styled-components'
 import { darken } from 'polished'
 import DownIcon from 'assets/images/down-icon.svg'
@@ -18,7 +18,7 @@ const InputRow = styled.div<{ selected: boolean }>`
   display: flex;
   flex-flow: row nowrap;
   align-items: center;
-  padding: ${({ selected }) => (selected ? '0.75rem 0.5rem 0.75rem 1rem' : '0.75rem 0.75rem 0.75rem 1rem')};
+  padding: ${({ selected }) => (selected ? '1.25rem 0.5rem 1.45rem 1rem' : '1.25rem 0.75rem 1.45rem 1rem')};
 `
 const CurrencySelect = styled.button<{ selected: boolean }>`
   align-items: center;
@@ -64,7 +64,7 @@ const LabelRow = styled.div`
   color: ${({ theme }) => theme.colors.text};
   font-size: 0.75rem;
   line-height: 1rem;
-  padding: 0.75rem 1rem 0 1rem;
+  padding: 1.45rem 1.2rem 0 1.2rem;
   span:hover {
     cursor: pointer;
     color: ${({ theme }) => darken(0.2, theme.colors.textSubtle)};

src/components/Footer/index.tsx

@@ -1,6 +1,6 @@
 import React from 'react'
 import styled from 'styled-components'
-import { Text } from 'horaswap-libs-uikit'
+import { Text } from "doeswap-libs-uikit"
 import useI18n from 'hooks/useI18n'
 import config from './listConfig'
 import Link from '../Link'

src/components/Footer/listConfig.tsx

@@ -1,4 +1,4 @@
-import { MenuEntry } from 'horaswap-libs-uikit'
+import { MenuEntry } from "doeswap-libs-uikit"
 
 const config: MenuEntry[] = [
   {

src/components/Menu/config.ts

@@ -1,4 +1,4 @@
-import { MenuEntry } from 'horaswap-libs-uikit'
+import { MenuEntry } from "doeswap-libs-uikit"
 
 /**
  * label: string
@@ -44,12 +44,6 @@ export const config: MenuEntry[] = [
     att: "iconHot",
     href: "#",
   },
-  {
-    label: "HORA Gallery",
-    icon: "GalleryIcon",
-    att: "SOON",
-    href: "#",
-  },
   {
     label: "Sport NFT",
     icon: "SpotIcon",
@@ -80,7 +74,7 @@ export const config: MenuEntry[] = [
     href: "https://info.horaswap.com", 
   },
   {
-    label: "Contact",
+    label: "Binance",
     icon: "GroupsIcon",
     items: [ 
       {

src/components/Menu/index.tsx

@@ -1,5 +1,5 @@
 import React, { useContext } from 'react'
-import { Menu as UikitMenu } from 'horaswap-libs-uikit'
+import { Menu as UikitMenu } from "doeswap-libs-uikit"
 import { useWeb3React } from '@web3-react/core'
 import { allLanguages } from 'constants/localisation/languageCodes'
 import { LanguageContext } from 'hooks/LanguageContext'

src/components/ModalCustom/index.js

@@ -1,7 +1,7 @@
 import './styles.css'
 import React from 'react'
 import { Modal } from 'antd'
-import { Text } from 'horaswap-libs-uikit'
+import { Text } from "doeswap-libs-uikit"
 import ButtonMain from 'components/ButtonMain'
 import { Dots } from 'components/swap/styleds'
 

src/components/ModalStake/index.js

@@ -2,7 +2,7 @@
 import './styles.css'
 import React, { useCallback, useMemo, useState } from 'react'
 import { useDispatch, useSelector } from 'react-redux'
-import { Text } from 'horaswap-libs-uikit'
+import { Text } from "doeswap-libs-uikit"
 import { Form, Input } from 'antd'
 import { get } from 'lodash'
 import BigNumber from 'bignumber.js'

src/components/ModalWithdraw/index.js

@@ -2,7 +2,7 @@
 import './styles.css'
 import React, { useCallback, useMemo, useState } from 'react'
 import { useDispatch, useSelector } from 'react-redux'
-import { Text } from 'horaswap-libs-uikit'
+import { Text } from "doeswap-libs-uikit"
 import { Form, Input } from 'antd'
 import { get } from 'lodash'
 import BigNumber from 'bignumber.js'

src/components/PageHeader/BlockIcon.tsx

@@ -1,6 +1,6 @@
 import React from 'react'
 import styled from 'styled-components'
-import { IconButton, useModal, CogIcon, Svg } from 'horaswap-libs-uikit'
+import { IconButton, useModal, CogIcon, Svg } from "doeswap-libs-uikit"
 import useI18n from 'hooks/useI18n'
 import SettingsModal from './SettingsModal'
 import RecentTransactionsModal from './RecentTransactionsModal'

src/components/PageHeader/RecentTransactionsModal.tsx

@@ -1,5 +1,5 @@
 import React, { useMemo } from 'react'
-import { CheckmarkCircleIcon, ErrorIcon, Flex, LinkExternal, Text, Modal, Button } from 'horaswap-libs-uikit'
+import { CheckmarkCircleIcon, ErrorIcon, Flex, LinkExternal, Text, Modal, Button } from "doeswap-libs-uikit"
 import { useActiveWeb3React } from 'hooks'
 import { getBscScanLink } from 'utils'
 import { isTransactionRecent, useAllTransactions } from 'state/transactions/hooks'

src/components/PageHeader/SettingsModal.tsx

@@ -1,5 +1,5 @@
 import React from 'react'
-import { Modal } from 'horaswap-libs-uikit'
+import { Modal } from "doeswap-libs-uikit"
 import SlippageToleranceSetting from './SlippageToleranceSetting'
 import TransactionDeadlineSetting from './TransactionDeadlineSetting'
 

src/components/PageHeader/SlippageToleranceSetting.tsx

@@ -1,6 +1,6 @@
 import React, { useEffect, useState } from 'react'
 import styled from 'styled-components'
-import { Button, Flex, Input, Text } from 'horaswap-libs-uikit'
+import { Button, Flex, Input, Text } from "doeswap-libs-uikit"
 import { useUserSlippageTolerance } from 'state/user/hooks'
 import QuestionHelper from '../QuestionHelper'
 

src/components/PageHeader/TransactionDeadlineSetting.tsx

@@ -1,6 +1,6 @@
 import React, { useEffect, useState } from 'react'
 import styled from 'styled-components'
-import { Input, Text } from 'horaswap-libs-uikit'
+import { Input, Text } from "doeswap-libs-uikit"
 import { useUserDeadline } from 'state/user/hooks'
 import QuestionHelper from '../QuestionHelper'
 

src/components/PageHeader/index.tsx

@@ -1,7 +1,7 @@
 import React, { ReactNode } from 'react'
 import styled from 'styled-components'
-import { Text, Flex } from 'horaswap-libs-uikit'
-// import { Heading, IconButton, Text, Flex, useModal, CogIcon, Svg } from 'horaswap-libs-uikit'
+import { Text, Flex } from "doeswap-libs-uikit"
+// import { Heading, IconButton, Text, Flex, useModal, CogIcon, Svg } from "doeswap-libs-uikit"
 // import useI18n from 'hooks/useI18n'
 // import SettingsModal from './SettingsModal'
 // import RecentTransactionsModal from './RecentTransactionsModal'

src/components/Popups/ListUpdatePopup.tsx

@@ -1,6 +1,6 @@
 import React, { useCallback, useMemo } from 'react'
 import { diffTokenLists, TokenList } from '@uniswap/token-lists'
-import { Button, Text } from 'horaswap-libs-uikit'
+import { Button, Text } from "doeswap-libs-uikit"
 import { useDispatch } from 'react-redux'
 import { AppDispatch } from '../../state'
 import { useRemovePopup } from '../../state/application/hooks'

src/components/Popups/TransactionPopup.tsx

@@ -1,6 +1,6 @@
 import React, { useContext } from 'react'
 import { AlertCircle, CheckCircle } from 'react-feather'
-import { Text } from 'horaswap-libs-uikit'
+import { Text } from "doeswap-libs-uikit"
 import styled, { ThemeContext } from 'styled-components'
 import { useActiveWeb3React } from '../../hooks'
 import { getBscScanLink } from '../../utils'

src/components/PositionCard/index.tsx

@@ -1,6 +1,6 @@
 import React, { useState } from 'react'
 import { JSBI, Pair, Percent } from '@pancakeswap/sdk'
-import { Button, Card as UIKitCard, CardBody, Text } from 'horaswap-libs-uikit'
+import { Button, Card as UIKitCard, CardBody, Text } from "doeswap-libs-uikit"
 import { darken } from 'polished'
 import { ChevronDown, ChevronUp } from 'react-feather'
 import { Link } from 'react-router-dom'

src/components/SearchItem/SearchInputTitle.tsx

@@ -1,6 +1,6 @@
 import React from 'react'
 import styled from 'styled-components'
-import { Text, SearchIcon } from 'horaswap-libs-uikit'
+import { Text, SearchIcon } from "doeswap-libs-uikit"
 
 interface Props {
   title: string

src/components/SearchModal/CommonBases.tsx

@@ -1,5 +1,5 @@
 import React from 'react'
-import { Text } from 'horaswap-libs-uikit'
+import { Text } from "doeswap-libs-uikit"
 import { ChainId, Currency, currencyEquals, ETHER, Token } from '@pancakeswap/sdk'
 import styled from 'styled-components'
 

src/components/SearchModal/CurrencyList.tsx

@@ -2,7 +2,7 @@ import { Currency, CurrencyAmount, currencyEquals, ETHER, Token } from '@pancake
 import React, { CSSProperties, MutableRefObject, useCallback, useMemo } from 'react'
 import { FixedSizeList } from 'react-window'
 import styled from 'styled-components'
-import { Text } from 'horaswap-libs-uikit'
+import { Text } from "doeswap-libs-uikit"
 import { sortBy } from 'lodash'
 import { useActiveWeb3React } from '../../hooks'
 import { useSelectedTokenList, WrappedTokenInfo } from '../../state/lists/hooks'

src/components/SearchModal/CurrencySearch.tsx

@@ -1,6 +1,6 @@
 import { Currency, ETHER, Token } from '@pancakeswap/sdk'
 import React, { KeyboardEvent, RefObject, useCallback, useContext, useEffect, useMemo, useRef, useState } from 'react'
-import { Text, CloseIcon } from 'horaswap-libs-uikit'
+import { Text, CloseIcon } from "doeswap-libs-uikit"
 import { useSelector } from 'react-redux'
 import { useTranslation } from 'react-i18next'
 import { FixedSizeList } from 'react-window'

src/components/SearchModal/ListSelect.tsx

@@ -2,7 +2,7 @@ import React, { memo, useCallback, useMemo, useRef, useState } from 'react'
 import { ArrowLeft } from 'react-feather'
 import { usePopper } from 'react-popper'
 import { useDispatch, useSelector } from 'react-redux'
-import { Button, Text, ChevronDownIcon, CloseIcon } from 'horaswap-libs-uikit'
+import { Button, Text, ChevronDownIcon, CloseIcon } from "doeswap-libs-uikit"
 import styled from 'styled-components'
 import useI18n from 'hooks/useI18n'
 import { useFetchListCallback } from '../../hooks/useFetchListCallback'

src/components/SearchModal/SortButton.tsx

@@ -1,5 +1,5 @@
 import React from 'react'
-import { Text } from 'horaswap-libs-uikit'
+import { Text } from "doeswap-libs-uikit"
 import styled from 'styled-components'
 import { RowFixed } from '../Row'
 

src/components/SyrupWarningModal/index.tsx

@@ -1,6 +1,6 @@
 import React, { useCallback, useState } from 'react'
 import styled from 'styled-components'
-import { Button, Text } from 'horaswap-libs-uikit'
+import { Button, Text } from "doeswap-libs-uikit"
 import { AlertTriangle } from 'react-feather'
 import Modal from '../Modal'
 import { AutoRow, RowBetween } from '../Row'

src/components/TableCommon/TableCustomLarge/index.js

@@ -1,6 +1,6 @@
 import './styles.css'
 import React, { useMemo } from 'react'
-import { Text } from 'horaswap-libs-uikit'
+import { Text } from "doeswap-libs-uikit"
 import { Table, Card } from 'antd'
 import { trim, get } from 'lodash'
 

src/components/TableCommon/TableStakeHistory/index.js

@@ -1,6 +1,6 @@
 import './styles.css'
 import React, { useState, useMemo } from 'react'
-import { Text } from 'horaswap-libs-uikit'
+import { Text } from "doeswap-libs-uikit"
 import { Tag } from 'antd'
 import { get } from 'lodash'
 import ReactTimeAgo from 'react-time-ago'

src/components/ToastListener/index.tsx

@@ -1,6 +1,6 @@
 import React from 'react'
 import { useSelector } from 'react-redux'
-import { ToastContainer, Toast } from 'horaswap-libs-uikit'
+import { ToastContainer, Toast } from "doeswap-libs-uikit"
 import useToast from 'hooks/useToast'
 import { AppState } from '../../state'
 

src/components/Toggle/index.js

@@ -1,5 +1,5 @@
 import React from 'react'
-import { Text, Toggle } from 'horaswap-libs-uikit'
+import { Text, Toggle } from "doeswap-libs-uikit"
 import styled from 'styled-components'
 
 const Wrapper = styled.div`

src/components/TokenWarningModal/index.tsx

@@ -1,6 +1,6 @@
 import { Token } from '@pancakeswap/sdk'
 import { transparentize } from 'polished'
-import { Button, Text } from 'horaswap-libs-uikit'
+import { Button, Text } from "doeswap-libs-uikit"
 import React, { useCallback, useMemo, useState } from 'react'
 import styled from 'styled-components'
 import { AlertTriangle } from 'react-feather'

src/components/TransactionConfirmationModal/ConfirmationPendingContent.tsx

@@ -1,6 +1,6 @@
 import React from 'react'
 import styled from 'styled-components'
-import { Text } from 'horaswap-libs-uikit'
+import { Text } from "doeswap-libs-uikit"
 import { Spinner } from '../Shared'
 import { AutoColumn } from '../Column'
 import { Wrapper, Section, ConfirmedIcon, ContentHeader } from './helpers'