Prettify Admin-UI #3
Conversation
| </div> | ||
| <p> | ||
| {`${candidateNumber ? `Kandidat Nr. ${candidateNumber} ` : ''}${name}`} | ||
| <EditDialog key={_id}> |
There was a problem hiding this comment.
Den EditDialog n mal zu rendern würde ich nicht machen – du willst ja zu keinem Zeitpunkt zwei candidates gleichzeitig bearbeiten sondern immer nur einen. Also brauchst du auch nur einen Dialog der sich um den Rest kümmert
| import { Link } from 'react-router-dom'; | ||
|
|
||
| // material-ui | ||
| import { withStyles, MuiThemeProvider, createMuiTheme } from '@material-ui/core/styles'; |
There was a problem hiding this comment.
Um unnecessary imports und co aufzudecken wäre es sinnvoll, einen Linter und prettier zu benutzen :)
| UserList | ||
| </Button> | ||
|
|
||
| <Button |
There was a problem hiding this comment.
Bei den Buttons ist super viel duplication => eine kleine Button component erstellen und dort nur die Infos reinpassen, die sich unterscheiden
|
|
||
| const styles = theme => ({ | ||
| margin: { | ||
| margin: theme.spacing.unit, |
There was a problem hiding this comment.
Wie gesagt, das hier (Magic Numbers reduzieren) ist mega nice. Hab ich bisher nicht gemacht ._.
| @@ -18,6 +19,10 @@ import sortFullShowGames from '/imports/api/helpers/sortFullShowGames'; | |||
| import AdminLayout from '/imports/ui/Layouts/AdminLayout'; | |||
| import UpdateGames from './UpdateGames'; | |||
|
|
|||
| // material-ui | |||
There was a problem hiding this comment.
sollte man nicht brauchen, sieht man ja am import.
Wie wenn man so etwas tut:
// when x equals 5
if(x === 5) {...}| ); | ||
| const ShowScreen = ({ classes, isReady, interactions, games, hasNext, hasPrevious }) => { | ||
|
|
||
| return ( |
|
|
||
| ShowScreen.propTypes = propTypes; | ||
|
|
||
| export default withTracker(() => { | ||
| export default withStyles(styles)(withTracker(() => { |
There was a problem hiding this comment.
Funktioniert das sorum? Bei mir hat das immer einen Fehler geworfen. Lösung war, das withStyles(styles)(Component) in die returnte Funktion von withTracker zu übergeben
| @@ -9,4 +9,7 @@ export const theme = createMuiTheme({ | |||
| primary: orange, | |||
| secondary: blue, | |||
| }, | |||
| spacing: { | |||
| unit: 16 | |||
There was a problem hiding this comment.
lieber dort, wo es nötig ist, theme.spacing.unit * 2 verwenden, da das hier quasi "global" ist
| @@ -4,6 +4,22 @@ import PropTypes from 'prop-types'; | |||
| import SimpleSchema from 'simpl-schema'; | |||
| import AutoForm from 'uniforms-material/AutoForm'; | |||
|
|
|||
| // material-ui | |||
| import { withStyles, MuiThemeProvider, createMuiTheme } from '@material-ui/core/styles'; | |||
There was a problem hiding this comment.
most of it sollte nicht notwendig sein.
|
|
||
| <AutoForm | ||
| schema={schema} | ||
| onSubmit={(data) => updateCandidate({ _id, ...data })} |
There was a problem hiding this comment.
EditDialog wird nicht geclosed beim submitten
Made the Admin-UI prettier by adding some Material-UI components 🌈