-
Notifications
You must be signed in to change notification settings - Fork 339
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
fix: update tokenomics component and color scheme [web-neutron] (#1319)
## 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
Showing
9 changed files
with
107 additions
and
49 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,5 @@ | ||
--- | ||
'web-neutron': major | ||
--- | ||
|
||
update tokenomics component and color scheme |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
23 changes: 23 additions & 0 deletions
23
apps/web-neutron/src/screens/home/components/tokenomics/index.tsx
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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
25
apps/web-neutron/src/screens/home/components/tokenomics/styles.ts
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
15a4f08
There was a problem hiding this comment.
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