Renamed classes to match components file names

This commit is contained in:
Alejandro Celaya 2018-07-28 09:20:51 +02:00
parent ce22b7e8e9
commit e10028a2b9
3 changed files with 7 additions and 7 deletions

View file

@ -5,7 +5,7 @@ import { isEmpty } from 'ramda';
import React from 'react'; import React from 'react';
import { connect } from 'react-redux'; import { connect } from 'react-redux';
import Tag from '../utils/Tag'; import Tag from '../utils/Tag';
import { Row } from './helpers/ShortUrlsRow'; import { ShortUrlsRow } from './helpers/ShortUrlsRow';
import { listShortUrls } from './reducers/shortUrlsList'; import { listShortUrls } from './reducers/shortUrlsList';
import './ShortUrlsList.scss'; import './ShortUrlsList.scss';
@ -109,7 +109,7 @@ export class ShortUrlsList extends React.Component {
} }
return shortUrlsList.map(shortUrl => ( return shortUrlsList.map(shortUrl => (
<Row shortUrl={shortUrl} selectedServer={selectedServer} key={shortUrl.shortCode} /> <ShortUrlsRow shortUrl={shortUrl} selectedServer={selectedServer} key={shortUrl.shortCode} />
)); ));
} }

View file

@ -1,10 +1,10 @@
import React from 'react'; import React from 'react';
import Moment from 'react-moment'; import Moment from 'react-moment';
import { ShortUrlsList } from '../ShortUrlsList'; import { ShortUrlsList } from '../ShortUrlsList';
import { RowMenu } from './ShortUrlsRowMenu'; import { ShortUrlsRowMenu } from './ShortUrlsRowMenu';
import './ShortUrlsRow.scss' import './ShortUrlsRow.scss'
export class Row extends React.Component { export class ShortUrlsRow extends React.Component {
state = {displayMenu: false, copiedToClipboard: false}; state = {displayMenu: false, copiedToClipboard: false};
render() { render() {
@ -17,7 +17,7 @@ export class Row extends React.Component {
onMouseLeave={() => this.setState({displayMenu: false})} onMouseLeave={() => this.setState({displayMenu: false})}
> >
<td className="nowrap short-urls-row__cell"> <td className="nowrap short-urls-row__cell">
<Moment format="YYYY-MM-DD HH:mm" interval={0}>{shortUrl.dateCreated}</Moment> <Moment format="YYYY-MM-DD HH:mm">{shortUrl.dateCreated}</Moment>
</td> </td>
<td className="short-urls-row__cell"> <td className="short-urls-row__cell">
<a href={completeShortUrl} target="_blank">{completeShortUrl}</a> <a href={completeShortUrl} target="_blank">{completeShortUrl}</a>
@ -34,7 +34,7 @@ export class Row extends React.Component {
<td className="short-urls-row__cell">{ShortUrlsList.renderTags(shortUrl.tags)}</td> <td className="short-urls-row__cell">{ShortUrlsList.renderTags(shortUrl.tags)}</td>
<td className="short-urls-row__cell text-right">{shortUrl.visitsCount}</td> <td className="short-urls-row__cell text-right">{shortUrl.visitsCount}</td>
<td className="short-urls-row__cell"> <td className="short-urls-row__cell">
<RowMenu <ShortUrlsRowMenu
display={this.state.displayMenu} display={this.state.displayMenu}
shortUrl={completeShortUrl} shortUrl={completeShortUrl}
onCopyToClipboard={() => { onCopyToClipboard={() => {

View file

@ -11,7 +11,7 @@ import PreviewModal from './PreviewModal';
import QrCodeModal from './QrCodeModal'; import QrCodeModal from './QrCodeModal';
import './ShortUrlsRowMenu.scss'; import './ShortUrlsRowMenu.scss';
export class RowMenu extends React.Component { export class ShortUrlsRowMenu extends React.Component {
state = { isOpen: false, isQrModalOpen: false, isPreviewOpen: false }; state = { isOpen: false, isQrModalOpen: false, isPreviewOpen: false };
toggle = () => this.setState({ isOpen: !this.state.isOpen }); toggle = () => this.setState({ isOpen: !this.state.isOpen });