m/metamask-extension
1
0
Fork 0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-11-22 09:57:02 +01:00
Code

Update slider.component.js (#19035)

Browse Source
This commit is contained in:
Harsh Shukla 2023-05-08 19:04:24 +05:30 committed by GitHub
parent da8cb0bbc0
commit 46f717feef
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 11 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
ui/components/ui/slider/slider.component.js
View File

@ -4,13 +4,12 @@ import MaterialSlider from '@material-ui/core/Slider';
import { withStyles } from '@material-ui/core/styles';
import {
Color,
FONT_WEIGHT,
TypographyVariant,
TextColor,
TextVariant,
} from '../../../helpers/constants/design-system';
import InfoTooltip from '../info-tooltip/info-tooltip';
import Typography from '../typography/typography';
import { Text } from '../../component-library';
const styles = {
root: {
@ -68,34 +67,24 @@ const Slider = ({
<div className="slider__heading">
<div className="slider__heading-title">
{titleText && (
<Typography
tag={TypographyVariant.H6}
fontWeight={FONT_WEIGHT.BOLD}
variant={TypographyVariant.H6}
>
<Text variant={TextVariant.bodySmBold} as="h6">
{titleText}
</Typography>
</Text>
)}
{tooltipText && (
<InfoTooltip position="top" contentText={tooltipText} />
)}
{valueText && (
<Typography
tag={TypographyVariant.paragraph}
color={Color.textAlternative}
>
<Text tag={TextVariant.bodyMd} color={TextColor.textAlternative}>
{valueText}
</Typography>
</Text>
)}
</div>
{titleDetail && (
<div className="slider__heading-detail">
<Typography
tag={TypographyVariant.paragraph}
color={Color.textAlternative}
>
<Text tag={TextVariant.bodyMd} color={TextColor.textAlternative}>
{titleDetail}
</Typography>
</Text>
</div>
)}
</div>
@ -103,12 +92,9 @@ const Slider = ({
<div className="slider__footer">
<div className="slider__footer-info">
{infoText && (
<Typography
tag={TypographyVariant.paragraph}
color={Color.textAlternative}
>
<Text tag={TextVariant.bodyMd} color={TextColor.textAlternative}>
{infoText}
</Typography>
</Text>
)}
</div>
<div className="slider__footer-edit">