m/metamask-extension
1
0
Fork 0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-23 09:52:26 +01:00
Code

Use consistent variable name for classnames import (#8143)

Browse Source 
The variable name `classnames` is generally what we use for this
module, and single-letter variable names are generally frowned upon.
This commit is contained in:
Mark Stacey 2020-03-01 06:14:16 -04:00 committed by GitHub
parent f1750d2807
commit 47a7176e71
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 12 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
ui/app/components/ui/dialog/index.js
View File

@ -1,12 +1,12 @@
import React from 'react' import React from 'react'
import PropTypes from 'prop-types' import PropTypes from 'prop-types'
import c from 'classnames' import classnames from 'classnames'
export default function Dialog (props) { export default function Dialog (props) {
const { children, type, className, onClick } = props const { children, type, className, onClick } = props
return ( return (
<div <div
className={c('dialog', className, { className={classnames('dialog', className, {
'dialog--message': type === 'message', 'dialog--message': type === 'message',
'dialog--error': type === 'error', 'dialog--error': type === 'error',
'dialog--warning': type === 'warning', 'dialog--warning': type === 'warning',

4
ui/app/components/ui/page-container/page-container-header/page-container-header.component.js
View File

@ -1,6 +1,6 @@
import React, { Component } from 'react' import React, { Component } from 'react'
import PropTypes from 'prop-types' import PropTypes from 'prop-types'
import c from 'classnames' import classnames from 'classnames'
export default class PageContainerHeader extends Component { export default class PageContainerHeader extends Component {
static propTypes = { static propTypes = {
@ -47,7 +47,7 @@ export default class PageContainerHeader extends Component {
return ( return (
<div <div
className={c('page-container__header', className, { className={classnames('page-container__header', className, {
'page-container__header--no-padding-bottom': Boolean(tabs), 'page-container__header--no-padding-bottom': Boolean(tabs),
})} })}
> >

10
ui/app/pages/send/send-content/add-recipient/ens-input.component.js
View File

@ -1,6 +1,6 @@
import React, { Component } from 'react' import React, { Component } from 'react'
import PropTypes from 'prop-types' import PropTypes from 'prop-types'
import c from 'classnames' import classnames from 'classnames'
import { isValidDomainName, isValidAddress, isValidAddressHead } from '../../../../helpers/utils/util' import { isValidDomainName, isValidAddress, isValidAddressHead } from '../../../../helpers/utils/util'
import { ellipsify } from '../../send.utils' import { ellipsify } from '../../send.utils'
@ -146,9 +146,9 @@ export default class EnsInput extends Component {
} }
return ( return (
<div className={c('ens-input', className)}> <div className={classnames('ens-input', className)}>
<div <div
className={c('ens-input__wrapper', { className={classnames('ens-input__wrapper', {
'ens-input__wrapper__status-icon--error': false, 'ens-input__wrapper__status-icon--error': false,
'ens-input__wrapper__status-icon--valid': false, 'ens-input__wrapper__status-icon--valid': false,
})} })}
@ -166,7 +166,7 @@ export default class EnsInput extends Component {
data-testid="ens-input" data-testid="ens-input"
/> />
<div <div
className={c('ens-input__wrapper__action-icon', { className={classnames('ens-input__wrapper__action-icon', {
'ens-input__wrapper__action-icon--erase': input, 'ens-input__wrapper__action-icon--erase': input,
'ens-input__wrapper__action-icon--qrcode': !input, 'ens-input__wrapper__action-icon--qrcode': !input,
})} })}
@ -190,7 +190,7 @@ export default class EnsInput extends Component {
return ( return (
<div className={c('ens-input', className)}> <div className={classnames('ens-input', className)}>
<div <div
className="ens-input__wrapper ens-input__wrapper--valid" className="ens-input__wrapper ens-input__wrapper--valid"
> >

6
ui/app/pages/settings/settings.component.js
View File

@ -2,7 +2,7 @@ import React, { PureComponent } from 'react'
import PropTypes from 'prop-types' import PropTypes from 'prop-types'
import { Switch, Route, matchPath } from 'react-router-dom' import { Switch, Route, matchPath } from 'react-router-dom'
import TabBar from '../../components/app/tab-bar' import TabBar from '../../components/app/tab-bar'
import c from 'classnames' import classnames from 'classnames'
import SettingsTab from './settings-tab' import SettingsTab from './settings-tab'
import NetworksTab from './networks-tab' import NetworksTab from './networks-tab'
import AdvancedTab from './advanced-tab' import AdvancedTab from './advanced-tab'
@ -49,7 +49,7 @@ class SettingsPage extends PureComponent {
return ( return (
<div <div
className={c('main-container settings-page', { className={classnames('main-container settings-page', {
'settings-page--selected': currentPath !== SETTINGS_ROUTE, 'settings-page--selected': currentPath !== SETTINGS_ROUTE,
})} })}
> >
@ -129,7 +129,7 @@ class SettingsPage extends PureComponent {
return currentPath !== NETWORKS_ROUTE && ( return currentPath !== NETWORKS_ROUTE && (
<div className="settings-page__subheader"> <div className="settings-page__subheader">
<div <div
className={c({ 'settings-page__subheader--link': initialBreadCrumbRoute })} className={classnames({ 'settings-page__subheader--link': initialBreadCrumbRoute })}
onClick={() => initialBreadCrumbRoute && history.push(initialBreadCrumbRoute)} onClick={() => initialBreadCrumbRoute && history.push(initialBreadCrumbRoute)}
> >
{subheaderText} {subheaderText}