mirror of
https://github.com/MetaFam/TheGame.git
synced 2026-04-24 03:00:09 -04:00
f5295c3242
This is being merged for further testing so as to not block the progress of `develop` & not require more rebases.
288 lines
6.1 KiB
TypeScript
288 lines
6.1 KiB
TypeScript
export const tokenId = 'metagame';
|
|
export const apiUrl = 'https://api.coingecko.com/api/v3/';
|
|
export const tokenQuery = '?localization=false&tickers=true&market_data=true';
|
|
export const chartQuery =
|
|
'/market_chart?vs_currency=usd&days=30&interval=daily';
|
|
export const podcastRSSURL = 'https://anchor.fm/s/57a641c/podcast/rss';
|
|
|
|
export const gridData = [
|
|
{ i: 'latest', x: 0, y: 0, w: 6, h: 6 },
|
|
{ i: 'xp', x: 6, y: 0, w: 3, h: 2, minH: 2 },
|
|
{ i: 'seed', x: 9, y: 0, w: 3, h: 2, minH: 2 },
|
|
{ i: 'calendar', x: 6, y: 2, w: 3, h: 4 },
|
|
{ i: 'leaderboard', x: 9, y: 2, w: 3, h: 4 },
|
|
];
|
|
|
|
export const gridDataMd = [
|
|
{ i: 'latest', x: 0, y: 0, w: 6, h: 4 },
|
|
{ i: 'xp', x: 6, y: 0, w: 6, h: 2, minH: 2 },
|
|
{ i: 'seed', x: 6, y: 2, w: 6, h: 2, minH: 2 },
|
|
{ i: 'calendar', x: 0, y: 4, w: 6, h: 4 },
|
|
{ i: 'leaderboard', x: 6, y: 4, w: 6, h: 4 },
|
|
];
|
|
|
|
export const gridDataSm = [
|
|
{ i: 'latest', x: 0, y: 4, w: 4, h: 3 },
|
|
{ i: 'xp', x: 0, y: 0, w: 4, h: 2 },
|
|
{ i: 'seed', x: 0, y: 2, w: 4, h: 2 },
|
|
{ i: 'calendar', x: 0, y: 7, w: 4, h: 4 },
|
|
{ i: 'leaderboard', x: 0, y: 11, w: 4, h: 4 },
|
|
];
|
|
|
|
export const initLayouts = {
|
|
lg: gridData,
|
|
md: gridDataMd,
|
|
sm: gridDataSm,
|
|
xs: gridDataSm,
|
|
};
|
|
|
|
export const gridConfig = {
|
|
wrapper: (editable: boolean): Record<string, unknown> => ({
|
|
'.gridItem': {
|
|
boxShadow: editable
|
|
? '0 0 10px rgba(0,0,0,0.4)'
|
|
: '0 0 0 rgba(0,0,0,0.4)',
|
|
borderTopRadius: 'lg',
|
|
height: 'unset',
|
|
overflow: 'hidden',
|
|
transition: 'boxShadow 0.2s 0.3s ease',
|
|
p: {
|
|
fontSize: 'md',
|
|
pb: 2,
|
|
mr: 'auto',
|
|
},
|
|
ul: {
|
|
fontSize: 'sm',
|
|
pb: 2,
|
|
pl: 6,
|
|
},
|
|
'& > div': {
|
|
bg: editable ? 'blackAlpha.500' : 'blackAlpha.300',
|
|
backdropFilter: 'blur(10px)',
|
|
borderBottomRadius: 'lg',
|
|
overflow: 'hidden',
|
|
h: '100%',
|
|
transition: 'bg 0.2s 0.3s ease',
|
|
},
|
|
'.container': {
|
|
overflowY: 'auto',
|
|
overflowX: 'hidden',
|
|
height: '100%',
|
|
},
|
|
h2: {
|
|
fontFamily: 'exo2',
|
|
fontSize: 'lg',
|
|
fontWeight: '700',
|
|
textAlign: 'left',
|
|
textTransform: 'uppercase',
|
|
},
|
|
},
|
|
'.react-grid-placeholder': {
|
|
bg: 'purple',
|
|
boxShadow: '0 0 0 solid rgba(0, 0, 0, 0.8)',
|
|
borderRadius: 'lg',
|
|
},
|
|
}),
|
|
latest: {
|
|
'&.container': {
|
|
'&__xs': {
|
|
'.chakra-tabs': {
|
|
'&__tab-panel': {
|
|
// p: {
|
|
// color: 'purple.50',
|
|
// },
|
|
// '&--read': {
|
|
// p: {
|
|
// color: 'purple.50',
|
|
// },
|
|
// },
|
|
// '&--listen': {
|
|
// p: {
|
|
// color: 'purple.200',
|
|
// },
|
|
// },
|
|
// '&--watch': {
|
|
// p: {
|
|
// color: 'purple.300',
|
|
// },
|
|
// },
|
|
},
|
|
},
|
|
},
|
|
'&__sm': {
|
|
'.chakra-tabs': {
|
|
'&__tab-panel': {
|
|
// p: {
|
|
// color: 'purple.200',
|
|
// },
|
|
},
|
|
},
|
|
},
|
|
'&__md': {
|
|
'.chakra-tabs': {
|
|
'&__tab-panel': {
|
|
// p: {
|
|
// color: 'purple.300',
|
|
// },
|
|
},
|
|
},
|
|
},
|
|
'&__lg': {
|
|
'.chakra-tabs': {
|
|
'&__tab-panel': {
|
|
// p: {
|
|
// color: 'pink.400',
|
|
// },
|
|
},
|
|
},
|
|
},
|
|
},
|
|
},
|
|
leaderboard: {
|
|
'.player': {
|
|
transition: 'all 0.3s ease',
|
|
'&__score': {
|
|
fontWeight: '400',
|
|
},
|
|
'&:hover': {
|
|
boxShadow: '0 0 8px rgba(0,0,0,0.3)',
|
|
cursor: 'pointer',
|
|
},
|
|
},
|
|
'&.container': {
|
|
'&__xxs': {
|
|
'.player': {
|
|
px: 3,
|
|
py: 2,
|
|
fontSize: 'sm',
|
|
justifyContent: 'center',
|
|
opacity: 1,
|
|
'&__position, &__name, &__score': {
|
|
visibility: 'hidden',
|
|
maxW: 0,
|
|
maxH: 0,
|
|
mr: 0,
|
|
},
|
|
'&__avatar': {
|
|
mr: 0,
|
|
},
|
|
},
|
|
},
|
|
'&__xs': {
|
|
'.player': {
|
|
px: 3,
|
|
fontSize: 'sm',
|
|
},
|
|
},
|
|
},
|
|
},
|
|
seed: {
|
|
'&.container': {
|
|
'&__xxs': {
|
|
'.chakra-stack': {
|
|
flexFlow: 'column',
|
|
alignItems: 'flex-start',
|
|
p: {
|
|
mx: 0,
|
|
},
|
|
},
|
|
'.chakra-stat': {
|
|
'&__group': {
|
|
mt: 3,
|
|
mb: 0,
|
|
},
|
|
'&__label': {
|
|
fontSize: 'xs',
|
|
},
|
|
'&__number': {
|
|
fontSize: 'lg',
|
|
},
|
|
'&:nth-of-type(3n)': {
|
|
display: 'none',
|
|
},
|
|
},
|
|
'.infoLink': {
|
|
display: 'none',
|
|
},
|
|
},
|
|
'&__xs': {
|
|
'.chakra-stat': {
|
|
'&__label': {
|
|
fontSize: 'xs',
|
|
},
|
|
},
|
|
},
|
|
},
|
|
},
|
|
xp: {
|
|
'&.container': {
|
|
'&__xxs': {
|
|
'.chakra-stack': {
|
|
flexFlow: 'column wrap',
|
|
alignItems: 'flex-start',
|
|
p: {
|
|
mx: 0,
|
|
},
|
|
},
|
|
'.chakra-stat': {
|
|
flex: '0 1 100%',
|
|
'&__group': {
|
|
mt: 1,
|
|
},
|
|
'&__label': {
|
|
fontSize: 'xs',
|
|
},
|
|
'&:nth-of-type(3), &:last-of-type': {
|
|
display: 'none',
|
|
},
|
|
},
|
|
},
|
|
'&__xs': {
|
|
'.chakra-stat': {
|
|
'&__label': {
|
|
fontSize: 'xs',
|
|
},
|
|
},
|
|
},
|
|
},
|
|
},
|
|
};
|
|
|
|
export const SEEDChartWrapperStyles = {
|
|
'.seed-chart': {
|
|
position: 'absolute',
|
|
bottom: 0,
|
|
left: 0,
|
|
right: 0,
|
|
maxW: '100%',
|
|
'.seed-chart-path': {
|
|
bottom: 0,
|
|
strokeWidth: 2,
|
|
fillOpacity: 0,
|
|
'&--fill': {
|
|
fillOpacity: 0.5,
|
|
strokeWidth: 0,
|
|
},
|
|
},
|
|
},
|
|
};
|
|
|
|
export const XPChartWrapperStyles = {
|
|
'.xp-chart': {
|
|
position: 'absolute',
|
|
bottom: 0,
|
|
left: 0,
|
|
right: 0,
|
|
maxW: '100%',
|
|
'.xp-chart-path': {
|
|
bottom: 0,
|
|
strokeWidth: 2,
|
|
fillOpacity: 0,
|
|
'&--fill': {
|
|
fillOpacity: 0.5,
|
|
strokeWidth: 0,
|
|
},
|
|
},
|
|
},
|
|
};
|