Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
3 changes: 3 additions & 0 deletions .eslintignore
Original file line number Diff line number Diff line change
@@ -1,5 +1,8 @@
/scripts/inpage-bridge
/app/core/InpageBridgeWeb3.js
/app/components/UI/Charts/AdvancedChart/webview/chartLogic.js
/app/components/UI/Charts/AdvancedChart/webview/chartLogicString.ts
/app/components/UI/Charts/AdvancedChart/webview/syncChartLogic.js
/app/util/blockies.js
__snapshots__
android
Expand Down
6 changes: 6 additions & 0 deletions .js.env.example
Original file line number Diff line number Diff line change
Expand Up @@ -172,6 +172,12 @@ export ENABLE_WHY_DID_YOU_RENDER="false"
# Rewards API URL
export REWARDS_API_URL=""

## Advanced Charts (TradingView charting library CDN)
# Production: CloudFront distribution URL (trailing slash required)
# Development: local http-server, e.g. http://localhost:8000/
# Leave empty to use the default S3 origin fallback
export MM_CHARTING_LIBRARY_URL=""

## Perps
export MM_PERPS_ENABLED="true"

Expand Down
44 changes: 44 additions & 0 deletions app/components/UI/Charts/AdvancedChart/AdvancedChart.styles.ts
Original file line number Diff line number Diff line change
@@ -0,0 +1,44 @@
import { StyleSheet } from 'react-native';
import type { Theme } from '../../../../util/theme/models';

export const DEFAULT_CHART_HEIGHT = 400;

const styleSheet = (params: { theme: Theme; vars: { height: number } }) =>
StyleSheet.create({
container: {
width: '100%',
height: params.vars.height,
backgroundColor: params.theme.colors.background.default,
},
webview: {
flex: 1,
backgroundColor: params.theme.colors.background.default,
},
loadingContainer: {
position: 'absolute',
top: 0,
left: 0,
right: 0,
bottom: 0,
justifyContent: 'center',
alignItems: 'center',
backgroundColor: params.theme.colors.background.default,
},
loadingText: {
marginTop: 12,
color: params.theme.colors.text.muted,
},
errorContainer: {
flex: 1,
justifyContent: 'center',
alignItems: 'center',
padding: 20,
backgroundColor: params.theme.colors.background.default,
},
errorText: {
color: params.theme.colors.error.default,
textAlign: 'center',
},
});

export default styleSheet;
Loading
Loading