Skip to content

Commit

Permalink
fix: update tokenomics component and color scheme [web-neutron] (#1319)
Browse files Browse the repository at this point in the history
## Description

Closes: #XXXX

<!-- Add a description of the changes that this PR introduces and the
files that
are the most critical to review. -->

---

### Author Checklist

_All items are required. Please add a note to the item if the item is
not applicable and
please add links to any relevant follow up issues._

I have...

- [x] ran linting via `yarn lint`
- [ ] wrote tests where necessary
- [x] included the correct [type
prefix](https://github.com/commitizen/conventional-commit-types/blob/v3.0.0/index.json)
in the PR title
- [x] targeted the correct branch
- [ ] provided a link to the relevant issue or specification
- [x] reviewed "Files changed" and left comments if necessary
- [x] confirmed all CI checks have passed
- [x] added a changeset via [`yarn && yarn
changeset`](https://github.com/changesets/changesets/blob/main/docs/adding-a-changeset.md)
  • Loading branch information
MonikaCat authored Jan 12, 2024
1 parent c5aaebc commit 15a4f08
Show file tree
Hide file tree
Showing 9 changed files with 107 additions and 49 deletions.
5 changes: 5 additions & 0 deletions .changeset/tender-icons-flow.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,5 @@
---
'web-neutron': major
---

update tokenomics component and color scheme
88 changes: 44 additions & 44 deletions apps/web-neutron/src/chain.json
Original file line number Diff line number Diff line change
Expand Up @@ -16,47 +16,47 @@
],
"dark": {
"primary": {
"main": "rgba(253,59,76,0.7)",
"main": "#FF835B",
"contrastText": "#FFFFFF"
},
"background": {
"default": "#0A0A0A",
"default": "#000000",
"paper": "#131316"
},
"divider": "#3D3D43",
"divider": "#282828",
"text": {
"primary": "#E6E6E6",
"secondary": "#AAAAAB"
"secondary": "#C4C4C4"
},
"custom": {
"general": {
"background": "#0A0A0A",
"background": "#000000",
"surfaceOne": "#131316",
"surfaceTwo": "#19191D",
"surfaceTwo": "#212123",
"icon": "#999999"
},
"fonts": {
"fontOne": "#E6E6E6",
"fontTwo": "#AAAAAB",
"fontTwo": "#C4C4C4",
"fontThree": "#818181",
"fontFour": "#999999",
"fontFive": "#FFFFFF",
"highlight": "#1D86FF"
"highlight": "#4092CD"
},
"primaryData": {
"one": "#af2929",
"two": "#b44516",
"three": "#b14237",
"four": "#b16919"
"one": "#F87255",
"two": "#FA9147",
"three": "#43BE7C",
"four": "#43A1BE"
},
"results": {
"pass": "#198a65",
"fail": "#b12a34"
"pass": "#1EC490",
"fail": "#FD3B4C"
},
"tokenomics": {
"one": "#50B6D7",
"two": "#F4CD69",
"three": "#45A884"
"one": "#43A1BE",
"two": "#E3BB55",
"three": "#20D292"
},
"condition": {
"zero": "#E6E6E6",
Expand All @@ -65,26 +65,26 @@
"three": "#FF608A"
},
"charts": {
"zero": "#6D6D6C",
"one": "#45A884",
"two": "#50B6D7",
"three": "#F4CD69",
"four": "#F2A46B",
"five": "#C975F0"
"zero": "#E6E6E6",
"one": "#43BE7C",
"two": "#FA9147",
"three": "#F44747",
"four": "#43A1BE",
"five": "#C25396"
},
"tags": {
"zero": "#E8E8E8",
"one": "#2460FA",
"two": "#2BA896",
"three": "#E79725",
"four": "#F17052",
"two": "#2BA897",
"three": "#E79726",
"four": "#F17053",
"five": "#DA4B4B",
"six": "#9438DC",
"seven": "#1A869D",
"eight": "#2C9949",
"nine": "#B49F36",
"ten": "#E9A851",
"eleven": "#E94686",
"eight": "#2C9950",
"nine": "#B49F37",
"ten": "#E9A852",
"eleven": "#E94687",
"twelve": "#C15EC4",
"thirteen": "#C388D9",
"fourteen": "#46AEE9",
Expand All @@ -111,7 +111,7 @@
},
"light": {
"primary": {
"main": "#488D98",
"main": "#FF835B",
"contrastText": "#FFFFFF"
},
"background": {
Expand All @@ -136,22 +136,22 @@
"fontThree": "#777777",
"fontFour": "#999999",
"fontFive": "#FFFFFF",
"highlight": "#0075FF"
"highlight": "#4092CD"
},
"primaryData": {
"one": "#488D98",
"two": "#45A884",
"three": "#48A2B0",
"four": "#47B0AA"
"one": "#F87255",
"two": "#FA9147",
"three": "#20D494",
"four": "#2FB6E0"
},
"results": {
"pass": "#1EC490",
"fail": "#FD3B4C"
},
"tokenomics": {
"one": "#50B6D7",
"two": "#F4CD69",
"three": "#45A884"
"one": "#2FB6E0",
"two": "#FFC93D",
"three": "#20D494"
},
"condition": {
"zero": "#E6E6E6",
Expand All @@ -161,11 +161,11 @@
},
"charts": {
"zero": "#E6E6E6",
"one": "#45A884",
"two": "#50B6D7",
"three": "#F4CD69",
"four": "#F2A46B",
"five": "#C975F0"
"one": "#20D494",
"two": "#FF8732",
"three": "#F44747",
"four": "#2FB6E0",
"five": "#E95EB1"
},
"tags": {
"zero": "#E8E8E8",
Expand Down
23 changes: 23 additions & 0 deletions apps/web-neutron/src/screens/home/components/tokenomics/index.tsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,23 @@
import Box from '@/components/box';
import useStyles from '@/screens/home/components/tokenomics/styles';
import Typography from '@mui/material/Typography';
import useAppTranslation from '@/hooks/useAppTranslation';
import { FC } from 'react';

const Tokenomics: FC<ComponentDefault> = ({ className }) => {
const { t } = useAppTranslation('home');
const { classes, cx } = useStyles();

return (
<Box className={cx(classes.root, className)}>
<Typography variant="h2" className={classes.label}>
{t('tokenomics')}
</Typography>
<div className={classes.content}>
<Typography variant="h4">{t('notAvailable')}</Typography>
</div>
</Box>
);
};

export default Tokenomics;
25 changes: 25 additions & 0 deletions apps/web-neutron/src/screens/home/components/tokenomics/styles.ts
Original file line number Diff line number Diff line change
@@ -0,0 +1,25 @@
import { makeStyles } from 'tss-react/mui';

const useStyles = makeStyles()(theme => ({
root: {
height: '100%',
display: 'flex',
justifyContent: 'center',
flexDirection: 'column',
},
label: {
marginBottom: theme.spacing(2),
},
content: {
flex: 1,
display: 'flex',
alignItems: 'center',
justifyContent: 'space-around',
color: theme.palette.custom.fonts.fontThree,
backgroundColor: theme.palette.custom.general.surfaceTwo,
borderRadius: '8px',
marginBottom: theme.spacing(3),
},
}));

export default useStyles;
3 changes: 2 additions & 1 deletion packages/ui/public/locales/en/home.json
Original file line number Diff line number Diff line change
Expand Up @@ -31,5 +31,6 @@
"powerChange": "<0>{{change}}</0> at block ",
"validators": "Validators",
"priceHistory": "Price (~48h)",
"dataFrom": "Data from"
"dataFrom": "Data from",
"notAvailable": "Not available"
}
3 changes: 2 additions & 1 deletion packages/ui/public/locales/it/home.json
Original file line number Diff line number Diff line change
Expand Up @@ -31,5 +31,6 @@
"powerChange": "<0>{{change}}</0> a blocco ",
"validators": "Validatori",
"priceHistory": "Prezzo (~48 ore)",
"dataFrom": "Dati da"
"dataFrom": "Dati da",
"notAvailable": "Non disponibile"
}
3 changes: 2 additions & 1 deletion packages/ui/public/locales/pl/home.json
Original file line number Diff line number Diff line change
Expand Up @@ -31,5 +31,6 @@
"powerChange": "<0>{{change}}</0> na wysokości ",
"validators": "Walidatorzy",
"priceHistory": "Cena (~48h)",
"dataFrom": "Dane z"
"dataFrom": "Dane z",
"notAvailable": "Niedostępne"
}
3 changes: 2 additions & 1 deletion packages/ui/public/locales/zhs/home.json
Original file line number Diff line number Diff line change
Expand Up @@ -31,5 +31,6 @@
"powerChange": "<0>{{change}}</0> 在区块 ",
"validators": "验证人",
"priceHistory": "价格(~48 小时)",
"dataFrom": "数据来自"
"dataFrom": "数据来自",
"notAvailable": "不可用"
}
3 changes: 2 additions & 1 deletion packages/ui/public/locales/zht/home.json
Original file line number Diff line number Diff line change
Expand Up @@ -31,5 +31,6 @@
"powerChange": "<0>{{change}}</0> 在區塊 ",
"validators": "驗證者",
"priceHistory": "價格(~48 小時)",
"dataFrom": "數據來自"
"dataFrom": "數據來自",
"notAvailable": "不可用"
}

1 comment on commit 15a4f08

@vercel
Copy link

@vercel vercel bot commented on 15a4f08 Jan 12, 2024

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Successfully deployed to the following URLs:

cosmos – ./

cosmos-git-main-bigdipper.vercel.app
bigdipper.vercel.app
cosmos-bigdipper.vercel.app

Please sign in to comment.