1485118 - Format the React and Redux components in RDM

Status: RESOLVED FIXED

(DevTools :: Responsive Design Mode, enhancement, P3)

Description

[Gabriel Luong [:gl] (ΦωΦ)]

We are doing a bit of formatting and reformatting in this patch:

- Sort the propTypes and this.props alphabetically
- Formatting how we return React DOM. 
We typically do:
return dom.div(
  {
     ...
  }
);  
I am introducing braces after the return so that we can correctly indent the React DOM:
return (
  dom.div()
);
- Also another formatting for React DOM. If we only have a single prop for the React component, I am formatting it to be on the same name if possible.
Example: 
dom.span(
  {
    id: "blah"
  }
) 
To: 
dom.span({ id: "blah" })

Comment 1

[Gabriel Luong [:gl] (ΦωΦ)]

Attachment: 1485118.patch [1.0]

Comment 2

[Pulsebot]

Pushed by [e-mail]:
https://hg.mozilla.org/integration/mozilla-inbound/rev/af1af69c1d9c
Format the React and Redux components in RDM. r=rcaliman

Comment 3

[Cristian Brindusan [:cbrindusan]]

https://hg.mozilla.org/mozilla-central/rev/af1af69c1d9c