fix: rest MUI components - Introduced ForwardRef (#224)

* refactor(162): added forwardRef Card

* refactor(162): introduced forwardRefDivider

* refactor(162): introduced forwardRef MuiComponents

* refactor(162): introducing forwardRef

* refactor(162): introduced forwardRef

* refactor(162): introduced forwardRef

* fix(162): fixed link

* fix: fixed port number

* fix: fixed duplicated id

* fix: fixed ref iconbutton

* fix: updated snaps

* fix: fixed port

* fix: fixed eslint errors

* fix: the item should be a button

* fix: fixed eslint errors
This commit is contained in:
Priscila Oliveira
2019-10-31 08:12:18 +01:00
committed by Juan Picado @jotadeveloper
parent a4cdd145d2
commit b56e43846b
82 changed files with 467 additions and 269 deletions

View File

@@ -1,5 +1,4 @@
import React, { ReactElement } from 'react';
import CardContent from '@material-ui/core/CardContent';
import { ActionBar } from '../ActionBar/ActionBar';
import Author from '../Author';
@@ -11,6 +10,7 @@ import Repository from '../Repository/Repository';
import { DetailContext } from '../../pages/Version';
import List from '../../muiComponents/List';
import Card from '../../muiComponents/Card';
import CardContent from '../../muiComponents/CardContent';
import { TitleListItem, TitleListItemText, PackageDescription, PackageVersion } from './styles';

View File

@@ -1,7 +1,7 @@
import styled from 'react-emotion';
import ListItemText from '@material-ui/core/ListItemText';
import ListItem from '../../muiComponents/ListItem';
import ListItemText from '../../muiComponents/ListItemText';
export const TitleListItem = styled(ListItem)({
paddingLeft: 0,
@@ -10,21 +10,15 @@ export const TitleListItem = styled(ListItem)({
});
export const TitleListItemText = styled(ListItemText)({
'&&': {
paddingLeft: 0,
paddingRight: 0,
paddingTop: '8px',
},
paddingLeft: 0,
paddingRight: 0,
paddingTop: '8px',
});
export const PackageDescription = styled('span')({
'&&': {
display: 'block',
},
display: 'block',
});
export const PackageVersion = styled('span')({
'&&': {
display: 'block',
},
display: 'block',
});