Banner message lorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsum
Read more
@@ -24,15 +24,15 @@ exports[`NotificationBanner should match snapshot and check show banner when op
exports[`NotificationBanner should match snapshot without message 1`] = `
Banner message lorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsum
Read more
diff --git a/src/components/pager/Pager.tsx b/src/components/pager/Pager.tsx
deleted file mode 100644
index 4bc0eb7b..00000000
--- a/src/components/pager/Pager.tsx
+++ /dev/null
@@ -1,80 +0,0 @@
-/*
-Copyright 2021-present Boba Network.
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License. */
-
-import React from 'react'
-import { NavigateNext, NavigateBefore } from '@mui/icons-material'
-
-import { useTheme } from '@mui/material'
-import {
- PagerContainer,
- PagerContent,
- PagerLabel,
- PagerNavigation,
-} from './styles'
-
-interface PagerProps {
- currentPage: number
- totalPages: number
- isLastPage: boolean
- onClickNext: () => void
- onClickBack: () => void
- label: string
-}
-
-const Pager = ({
- currentPage,
- totalPages,
- isLastPage,
- onClickNext,
- onClickBack,
- label,
-}: PagerProps): JSX.Element | null => {
- const theme = useTheme() as any
- const variant = theme.palette.mode === 'light' ? 'contained' : 'outlined'
- if (totalPages <= 1) {
- return null
- }
-
- return (
-
- {label}
-
- {`Page ${currentPage} of ${totalPages}`}
-
-
-
-
-
-
-
-
-
-
- )
-}
-
-export default Pager
diff --git a/src/components/pager/styles.ts b/src/components/pager/styles.ts
deleted file mode 100644
index 22b18f14..00000000
--- a/src/components/pager/styles.ts
+++ /dev/null
@@ -1,40 +0,0 @@
-import styled from 'styled-components'
-import { Button } from '@mui/material'
-
-export const PagerContainer = styled.div`
- display: flex;
- flex-direction: row;
- min-height: 25px;
- justify-content: space-between;
- align-items: center;
-`
-
-export const PagerContent = styled.div`
- display: flex;
- flex-direction: row;
- align-items: center;
- margin-right: 10px;
- padding: 10px 5px;
- margin-bottom: 10px;
-`
-export const PagerLabel = styled.div`
- display: flex;
- flex-direction: row;
- margin-right: 10px;
-`
-
-export const PagerNavigation = styled(Button)`
- height: 30px;
- width: 30px;
- border-radius: 8px;
- margin: 0px 5px;
- padding: 0px 5px;
- color: #fff;
- min-width: 0;
- &:hover {
- background: #5663ce;
- > span {
- font-weight: 700;
- }
- }
-`
diff --git a/src/components/seven/FastExit.tsx b/src/components/seven/FastExit.tsx
deleted file mode 100644
index 5eb9ed7d..00000000
--- a/src/components/seven/FastExit.tsx
+++ /dev/null
@@ -1,55 +0,0 @@
-/*
-Copyright 2021-present Boba Network.
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License. */
-
-import React from 'react'
-
-import { Typography } from 'components/global'
-
-import { ExitWrapper, Hash, HashContainer } from './styles'
-
-import networkService from 'services/networkService'
-
-const FastExit = ({ blockNumber, oriHash, unixTime }) => {
- const chainLink = ({ hash }) => {
- if (networkService.networkConfig!['L2']) {
- return `${networkService.networkConfig!['L2'].transaction}${hash}`
- }
- return ''
- }
-
- const secondsAgo = Math.round(Date.now() / 1000) - unixTime
- const timeLabel = `Fast Exit was started ${secondsAgo} seconds ago`
-
- return (
-
- {blockNumber}
-
- Hash:
-
- {oriHash}
-
-
-
- {timeLabel}
-
-
- )
-}
-
-export default FastExit
diff --git a/src/components/seven/Seven.tsx b/src/components/seven/Seven.tsx
deleted file mode 100644
index 9f2dcae7..00000000
--- a/src/components/seven/Seven.tsx
+++ /dev/null
@@ -1,71 +0,0 @@
-/*
-Copyright 2021-present Boba Network.
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License. */
-
-import React from 'react'
-
-import { Typography } from 'components/global'
-import { Hash, ExitWrapper, HashContainer } from './styles'
-
-import networkService from 'services/networkService'
-const Seven = ({ blockNumber, oriHash, unixTime }) => {
- const chainLink = ({ hash }) => {
- if (networkService.networkConfig!['L2']) {
- return `${networkService.networkConfig!['L2'].transaction}${hash}`
- }
- return ''
- }
-
- const secondsAgo = Math.round(Date.now() / 1000) - unixTime
- const daysAgo = Math.floor(secondsAgo / (3600 * 24))
- const hoursAgo = Math.round((secondsAgo % (3600 * 24)) / 3600)
- let timeLabel = `Exit was started ${daysAgo} days and ${hoursAgo} hours ago`
-
- const overdue = secondsAgo - 7 * 24 * 60 * 60
-
- if (overdue > 0) {
- if (hoursAgo <= 1) {
- timeLabel = `Funds will exit soon. The 7 day window just passed`
- } else if (hoursAgo <= 2) {
- timeLabel = `Funds will exit soon. The 7 day window recently passed`
- } else if (hoursAgo > 2) {
- timeLabel = `Funds will exit soon. The 7 day window passed ${hoursAgo} hours ago`
- }
- }
-
- return (
-
- {blockNumber}
-
-
- Hash:
-
- {oriHash}
-
-
-
- {timeLabel}
-
-
- )
-}
-
-export default Seven
diff --git a/src/components/seven/styles.ts b/src/components/seven/styles.ts
deleted file mode 100644
index 032e4baa..00000000
--- a/src/components/seven/styles.ts
+++ /dev/null
@@ -1,57 +0,0 @@
-import styled, { css } from 'styled-components'
-import { Typography } from 'components/global'
-
-export const ExitWrapper = styled.div`
- display: flex;
- flex-direction: column;
- justify-content: space-between;
- align-items: flex-start;
- gap: 5px;
- background: ${(props) => props.theme.colors.popup};
- padding: 10px;
- border-radius: 12px;
- ${(props) =>
- props.theme.name === 'light' &&
- css`
- border: solid 1px ${props.theme.colors.gray[400]};
- &:hover {
- background: ${props.theme.colors.gray[300]};
- border: solid 1px ${props.theme.colors.gray[500]};
- }
- `}
- ${(props) =>
- props.theme.name === 'dark' &&
- css`
- border: solid 1px ${props.theme.colors.gray[300]};
- &:hover {
- background: ${props.theme.colors.gray[300]};
- }
- `}
-`
-
-export const HashContainer = styled(Typography)`
- width: 20%;
- ${(props) =>
- props.theme.name === 'light' &&
- css`
- color: ${props.theme.colors.gray[700]};
- `}
- ${(props) =>
- props.theme.name === 'dark' &&
- css`
- color: ${props.theme.colors.gray[50]};
- `}
-`
-
-export const Hash = styled.a`
- ${(props) =>
- props.theme.name === 'light' &&
- css`
- color: ${props.theme.colors.gray[700]};
- `}
- ${(props) =>
- props.theme.name === 'dark' &&
- css`
- color: ${props.theme.colors.gray[50]};
- `}
-`
diff --git a/src/components/stake/transactionList/styles.ts b/src/components/stake/transactionList/styles.ts
index 0575888b..2b0abaaa 100644
--- a/src/components/stake/transactionList/styles.ts
+++ b/src/components/stake/transactionList/styles.ts
@@ -1,26 +1,4 @@
-import styled, { css } from 'styled-components'
-import { sdesktop, tablet, mobile } from 'themes/screens'
-export const Wrapper = styled.div`
- border-radius: 0;
- background: ${(props) => props.theme.background.secondary};
-`
-
-export const Entry = styled.div`
- padding: 20px;
- display: flex;
- justify-content: center;
- align-items: center;
- background: ${(props) => props.theme.background.secondary};
-`
-
-export const GridCoontainer = styled.div``
-export const GridItemTag = styled.div`
- text-align: left;
- display: flex;
- flex-direction: row;
- justify-content: flex-start;
- align-items: center;
-`
+import styled from 'styled-components'
export const StakeItemDetails = styled.div`
display: flex;
diff --git a/src/containers/Bridging/BridgeAction/__snapshots__/index.test.tsx.snap b/src/containers/Bridging/BridgeAction/__snapshots__/index.test.tsx.snap
index 1eda565c..f459d132 100644
--- a/src/containers/Bridging/BridgeAction/__snapshots__/index.test.tsx.snap
+++ b/src/containers/Bridging/BridgeAction/__snapshots__/index.test.tsx.snap
@@ -3,10 +3,10 @@
exports[`BridgeAction AccountEnabled is false should match snapshot 1`] = `