kylefang/xverse-web-extension
1
0
Fork 0
mirror of https://github.com/zhigang1992/xverse-web-extension.git synced 2026-01-12 18:02:19 +08:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #652 from secretkeylabs/ENG-5340/export-necessary-functionality-from-ext

Browse Source 
[ENG-5340] Export necessary functionality from the extension to core
This commit is contained in:
christos-xverse
2024-10-04 18:12:35 +03:00
committed by GitHub
parent c7d1906108 70527826d6
commit 829393ba2d
2 changed files with 12 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
src/app/screens/transactionStatus/marketplaceRuneListingResults.tsx
View File

@@ -2,15 +2,18 @@ import CheckCircle from '@assets/img/listings/CheckCircle.svg';
import XCircle from '@assets/img/listings/XCircle.svg';
import TokenImage from '@components/tokenImage';
import { ArrowUpRight } from '@phosphor-icons/react';
import type { FungibleToken, ListingProvider, Marketplace } from '@secretkeylabs/xverse-core';
import {
marketplaceRuneDashboardUrl,
type FungibleToken,
type ListingProvider,
} from '@secretkeylabs/xverse-core';
import { StyledP } from '@ui-library/common.styled';
import { MAGIC_EDEN_RUNES_URL, OKX_RUNES_URL, UNISAT_RUNES_URL } from '@utils/constants';
import { formatNumber } from '@utils/helper';
import { useTranslation } from 'react-i18next';
import styled from 'styled-components';
import theme from 'theme';
const Container = styled.div<{ $successful: boolean }>`
const Container = styled.div<{ $successful: boolean; $enabled: boolean }>`
display: flex;
align-items: center;
flex-direction: row;
@@ -25,7 +28,7 @@ const Container = styled.div<{ $successful: boolean }>`
transition: background-color 0.1s ease, border-color 0.1s ease;
width: 100%;
gap: 10px;
cursor: ${(props) => (props.$successful ? 'pointer' : 'auto')};
cursor: ${(props) => (props.$enabled ? 'pointer' : 'auto')};
`;
const RowCenter = styled.div({
@@ -56,19 +59,16 @@ function MarketplaceRuneListingResult({ minPriceSats, marketplace, rune, success
const { t } = useTranslation('translation', { keyPrefix: 'LIST_RUNE_SCREEN' });
const floorPrice = formatNumber(minPriceSats);
const marketplaceToUrl: { [key in Marketplace]: string } = {
'Magic Eden': `${MAGIC_EDEN_RUNES_URL}/${rune.name}`,
Unisat: `${UNISAT_RUNES_URL}/market?tick=${rune.name}`,
OKX: `${OKX_RUNES_URL}/token/${rune.name}/${rune.ticker}`,
};
const marketplaceUrl = marketplaceRuneDashboardUrl(rune, marketplace.name);
const enabled = successful && !!marketplaceUrl;
const handleClick = () =>
successful && window.open(marketplaceToUrl[marketplace.name], '_blank', 'noopener,noreferrer');
const handleClick = () => enabled && window.open(marketplaceUrl, '_blank', 'noopener,noreferrer');
return (
<Container
data-testid="marketplace-listing-result"
$successful={successful}
$enabled={enabled}
onClick={handleClick}
>
<div style={{ marginRight: theme.space.s }}>
@@ -102,7 +102,7 @@ function MarketplaceRuneListingResult({ minPriceSats, marketplace, rune, success
</SubtitleContainer>
</RowCenter>
</InfoContainer>
{successful && <ArrowUpRight size="16" color={theme.colors.white_0} />}
{enabled && <ArrowUpRight size="16" color={theme.colors.white_0} />}
</Container>
);
}

2
src/app/utils/constants.ts
View File

@@ -35,8 +35,6 @@ export const MIX_PANEL_TOKEN = process.env.MIX_PANEL_TOKEN;
export const MIX_PANEL_EXPLORE_APP_TOKEN = process.env.MIX_PANEL_EXPLORE_APP_TOKEN;
export const MAGIC_EDEN_RUNES_URL = 'https://magiceden.io/runes';
export const UNISAT_RUNES_URL = 'https://unisat.io/runes';
export const OKX_RUNES_URL = 'https://www.okx.com/web3/marketplace/runes';
export type CurrencyTypes = 'STX' | 'BTC' | 'FT' | 'NFT' | 'Ordinal' | 'brc20-Ordinal' | 'RareSat';
export enum LoaderSize {